Archived topic

Gap correctly on mobile at the top of the menu

5 replies · Started by Pascal on February 27, 2022

Viewing posts 1–6 of 6

February 27, 2022 at 4:40 pm #2135894

How to add the gap correctly on mobile at the top of the menu. I want to keep the current GP menu.

Something is blocking I can’t bring down the logo and menu on mobile, I do as usual, but it doesn’t move. As you show in the tutorials.

Thank you

February 27, 2022 at 5:03 pm #2135918

Hi Pascal,

Can you go to customizer > layout > primary navigation try adjust the Menu Item Height on mobile (click the mobile icon)?

Let me know :)

February 27, 2022 at 5:33 pm #2135938

Only the logo come bigger when I change this modification.

I made this change on a few sites, in the past, and usually it works.

February 27, 2022 at 7:17 pm #2136008

Hi Pascal,

The Site logo increasing in size when the Menu Item Height is the default behavior when you have Mobile Header on.

Alternatively, you can try adding this CSS to add spacing to the mobile header:

nav#mobile-header {
        padding-top:10px;
        padding-bottom:10px;
    }

Here is an article with regards to adding custom CSS: https://docs.generatepress.com/article/adding-css/

Moreover, another alternative is to add bottom margin to the parent container of the Block Element you have.

Hope this helps! Kindly let us know how it goes! :)

February 28, 2022 at 5:07 am #2136434

Thank you, it is now fix.

February 28, 2022 at 5:06 pm #2137199

You’re welcome Pascal! Glad to be of assistance! Feel free to reach out anytime if you’ll need assistance with anything else. :)

This archived topic is closed to new replies.