Image in header

[remko1]

Hello,

I want to put an image in the header, but on small screens the image goes behind the menu, see: http://prntscr.com/nhvucs

Also it doens’t look good on mobile devices. With what code can i fix this?

website: napoleon.whayklanten.nl

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:1023px) {
.header-top-right {
    float: none !important;
    margin: 0 auto 15px !important;
    width: 100%;
    display: table;
}
.header-top-right div {
    float: none !important;
    margin: 0 auto !important;
    display: table;
}
}

@media screen and (min-width:1024) and (max-width:1160px) {
#topmenu ul li a { padding:20px 10px;}
}

Regards,
Dave

[remko1]

This helped but the image is cropped now

[Sonnal S Sinha]

Hi,

Kindly use this one

.header-top-right { width:15%;}
#topmenu ul li a { padding:20px !important;}
.teamviewer { width: 100%; height: auto;}
.header-top-right div { width: auto !important; height: auto !important;}

Regards,
Dave

[remko1]

Hello, this also worked but now the height is different and on tablet/ipad its not good. See: http://prntscr.com/nil5qs

[remko1]

Also on apple devices the website scrolls really fast. How can I fix that?

[Sonnal S Sinha]

Hi,

Kindly use this

@media screen and (min-width:768px) and (max-width:1023px) {
 .header-top-right { width:35% !important;}
}

Regards,
Dave

[remko1]

Thanks Dave,

And the scrolling?
Also the menu needs to be lowered. before i could do this with

.type1 #topmenu {
    float: right;
    margin-top: 41px;
    border-radius: 100px;
}

But that doesnt work anymore.

[remko1]

So sorry for nont being easy but the support icon is wrong on phones/tablets: http://prntscr.com/nim70n

Also can i make the background blue on phones?

[Sonnal S Sinha]

Hi,

Please send us your WordPress credentials to [email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We will solve this issue directly on your server.

Regards,
Dave

[Author]

Posts