Header issue

[mygurubudy]

I have selected MOOC style header for my website. Even though it looks great on the desktop but on mobile the header margins are out of place.

[mygurubudy]

This reply has been marked as private.

[Anshuman Sahu]

Hi, @media (max-width: 991px){ a#trigger { right: 80px; } } Please Paste the above mention css code in wp-admin>appearance>customize>custom css

[mygurubudy]

thanks, Ray that did solve some part of the issue. But the Icon image is still all skewed. and a similar issue is in the desktop version too.   https://ibb.co/fgGTCR

[Anshuman Sahu]

Hi, paste the given below css in wp-admin>appearance>customize>custom css. @media (max-width: 991px){ a#trigger { right: 10px !important; } } @media (max-width: 991px){ .smallimg { right: 22px; top:5px !important;} } Refer : http://prntscr.com/hxy70d we can do that much.

[mygurubudy]

Thanks, Ray. Your code solved the issue on the mobile website. But on the desktop version - username is overlapping with the user image. I have attached the picture for you to review https://imgur.com/a/UXMOe

[Anshuman Sahu]

Hi, Please paste the given below css in wp-admin>appearance>customize>custom css header .smallimg img{ margin-left: -18px; margin-top: -2px !important; } .topmenu .vbplogin em { margin-top: 3px; margin-left: -5px; } Refer : http://prntscr.com/hycowc

[Author]

Posts