Site logo

Archived topic

Padding in sticky Navigation

9 replies · Started by Ane on July 16, 2019

Viewing posts 1–10 of 10

Hi,

I have set a header and the activated the sticky navigation, but when I scroll down the padding disssapears.

I have read some of the topics of the forum and tried to add css but it didn´t work.

And with the option of "set navigation as header" i can´t change the padding either.

Whats can I do?

Thank you very much,

HI,

I don´t want the option os setting the navigation as header, I already told that.

What i want is the sticky navigation to have a padding, because when I scroll down, the logo goes to the left and the menu to the right, leaving a lot of space in the middle.

How can I put padding in the sticky navigation??

Just trying to provide the best suggestion that's all :)

You can try this CSS:

.main-navigation.has-sticky-branding.navigation-stick .inside-navigation {
    padding-left: 100px;
    padding-right: 100px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Hola Leo!

Is it possible to adjust the "default" padding between menu items?

I have set a small icon to be used when scrolling down.
However, on tablet view, it goes to the left with minimal left padding and there is a lot of spacing between the menu elements so that the search button goes to the next line.

I could adjust font size and everything gets together within a line, but I rather want to adjust the spacing.

Thank you for your help!
Denise

Nope, it does nor work.
I create a new topic.

thanks!

Thanks!

This archived topic is closed to new replies.