[Resolved] Header modification!

[mohamedhassan]

Hi GP team,
I’d like to shorten the distance between the primary bar and the logo on the header to fit the width of the body and the right sidebar. and to ensure that my header with logo will show on mobiles.

Regards,
Mohamed

[mohamedhassan]

here is a link to my site.
http://www.gloobally.com/

[Leo]

Hi Mohamed,

Try the following:

– Remove/reduce the content padding: https://docs.generatepress.com/article/content-padding/

– Reduce container width: https://docs.generatepress.com/article/container-width/

– Set header width to contained: https://docs.generatepress.com/article/header-layout/

– Make sure the header padding is the same as content padding: https://docs.generatepress.com/article/header-padding/

This should make sure everything aligns. Let me know.

As for logo on mobile, since you are mobile header feature, you would need to upload a mobile header logo which should be a small icon. The globe icon you have should work the best.

If you would prefer your normal logo, then just turn off mobile header feature.
https://docs.generatepress.com/article/mobile-header/

Let me know.

[mohamedhassan]

Thanks!

[Leo]

No problem!

[Author]

Posts