Archived topic

Sticky menu buttons

6 replies · Started by Terence on January 27, 2018

Viewing posts 1–7 of 7

January 27, 2018 at 8:46 am #481165

The primary navigation has no issue with the menu buttons ~~ http://i.imgur.com/GkDWp6z.png

But the sticky menu stretches the buttons to the full height of the menu -- http://i.imgur.com/BIE0JXp.png

I don't think this is anything I have done, so it must be latent and patent.

How do I stop the menu buttons from stretching when it scrolls?

#menu-primary-nav > .menu-item > a{
	padding-left:20px;
	padding-top:0px;
	margin-top:0px;
	
}

January 27, 2018 at 5:44 pm #481409

Hi there,

Can you unlock the site?

Those CSS shouldn't be necessary.

January 27, 2018 at 9:02 pm #481434

I prefer not to unlock the site Leo, but I can send you a login.

Where should I send it?

January 28, 2018 at 12:42 am #481493

You can send it through the account issue form: https://generatepress.com/contact/

Just be sure to mention this topic :)

January 28, 2018 at 1:06 pm #481949

What about reducing the sticky navigation height? https://docs.generatepress.com/article/sticky-navigation/#menu-item-height

January 28, 2018 at 4:42 pm #482034

Yup, thank you for helping me look in the right direction Leo.

That was part of the answer, but as there is no slider for the margin (only the padding), and the logo is an svg file so does its own thing, I had to hard code it like this...

/* define sticky menu buttons */

#masthead #sticky-navigation{
	padding-top:12px;
	padding-bottom:15px;
}

#sticky-navigation .navigation-logo img{
	padding-bottom:0px;
	padding-top:0px;
	
}

Make sense?

January 28, 2018 at 8:34 pm #482112

Yup looks good!

This archived topic is closed to new replies.

Start building better websites today.