Archived topic

Add padding under header

5 replies · Started by Math on October 3, 2020

Viewing posts 1–6 of 6

October 3, 2020 at 7:04 pm #1471044

Hi,

When I go to the customization option (Layout > Header > click on mobile) and add padding to bottom of the header, nothing happens. Is this something I have add manually in CSS?

Also, in mobile view the logo is much larger than the original size chosen. Why does it jump sizes?

https://marzproject.com/

Thank you.

October 3, 2020 at 7:48 pm #1471082

Hi there,

You are using the mobile header option so the default header padding doesn't apply.

Can you try adjusting the menu item height with mobile toggle activated to see if you can make it work?
https://docs.generatepress.com/article/menu-item-height-width/

October 4, 2020 at 5:56 am #1471491

When I toggle to the mobile header there isn't any padding applied, so I entered 40px to the bottom, but I don't see any changes.

Also, how do I adjust the logo size in mobile screen? It's jumping up in size.

October 4, 2020 at 10:44 am #1471957

Hi there,

if you want the logo to be the exact same size on Mobile then add this CSS:

.main-navigation.mobile-header-navigation .site-logo.mobile-header-logo img {
    height: auto;
    max-width: 120px;
}

If you want to add some space below the mobile header - add this:

.main-navigation.mobile-header-navigation {
    margin-bottom: 40px !important;
}

May 13, 2021 at 8:52 pm #1779124

Thank you.

May 14, 2021 at 12:21 am #1779406

You're welcome

This archived topic is closed to new replies.

Start building better websites today.