Header on mobile and tablet website

[H.T.A.]

Hi guys,

Another problem. The header on my mobile and tablet website is not good for me.

Check: www.onderonsjelunchroom.nl

How can I change that color? Any custom CSS I can use?

Thanks!

[H.T.A.]

Ah I see where the problem is. I know how to change the color.

I have another topic with the question how to make the logo responsive for the tablet and smartphone view. Anyone that can help me? I want the logo big in the center of the header at the mobile and tablet version. How can I do that?

Thanks a lot.

[Sonal S Sinha]

Hi,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width:768px){
.header .header-inner .logo{width:auto !important;}
}

Regards,
Dave

[H.T.A.]

Same question as the other topic:

The logo is fine now, thank you! Is it possible to change the color at the mobile/tablet version to the same color as the menu? I want the desktop version as it is now, so no changes there.

The color is #535353

Can you give me the custom css to do that? Or is it not possible? 🙂

Thanks again! 🙂

[Sonal S Sinha]

Hi,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width:768px){
.header .header-inner{background:#535353 !important;}
}

Regards,
Dave

[H.T.A.]

Thanks!!! Amazing.

[Sonal S Sinha]

🙂

[Author]

Posts