Mobile Header Contractor theme

[Robert]

Hello,

How do I make this mobile header a little more cleaner / organized?

https://ibb.co/G7z1jBT

Thank you.

[Sonal S Sinha]

Hi,

Your website is not opening properly. Therefore we are unable to check the issue.

See screenshot;
https://imgur.com/a/A6nMcW9

Regards,
Chris

[Robert]

Hello,

The site looks normal when I’m logged in to backend and then go and view site. What could be causing it to look this way when not logged in?

[Robert]

I believe I fixed it, can you look at mobile now?

[Sonal S Sinha]

Hi,

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

@media screen and (max-width:767px) {
.head-info-area { background: #0034f7 !important;}
.logo { max-width: 110px; padding-bottom:0 !important; margin-top:0 !important;}
#simple-menu { margin-top:20px;}
.head-info-area .suptp { margin-left:0;}
}

Regards,
Chris

[Robert]

Almost there!

How can I center the logo on top of phone number but keep 3 line menu where it’s at?

Thank you!

[Sonal S Sinha]

Hi,

Kindly use this CSS:

@media screen and (max-width:479px) {
.logo { float:none !important; margin:0 auto !important;}
#simple-menu {
    margin-top: -110px !important;
}
}

Regards,
Chris

[Author]

Posts