Horizontal menu item height

2 Posts

dries.beerts2 posted this 06 July 2017

Dear,

I have a question about the menu items height on following website: https://cheaponline.be/
As you can see i got 2 different heights on my header (with the affixs)
Now i want the menu items to have the full height of the header. So when you load the page the menu items should have a height of 175px, when scrolling 100px.
How can i get this?

Thank you in advance,
Dries

Dear, I have a question about the menu items height on following website: https://cheaponline.be/ As you can see i got 2 different heights on my header (with the affixs) Now i want the menu items to have the full height of the header. So when you load the page the menu items should have a height of 175px, when scrolling 100px. How can i get this? Thank you in advance, Dries

menu-item sticky-header

Vote to pay developers attention to this features or issue.

5 Comments

Order By: Standard | Newest

Support Team posted this 10 July 2017

Hi,

The height of the menu item is calculated with the padding. Please add this code under the Home >> Settings >> Additional CSS:

.affix nav li a {
    padding-top: 25px;
    padding-bottom: 25px;
}

Use the desired padding value.

Sincerely,
Hella

Hi, The height of the menu item is calculated with the padding. Please add this code under the Home >> Settings >> Additional CSS: .affix nav li a { padding-top: 25px; padding-bottom: 25px; } Use the desired padding value. Sincerely, Hella

15 Posts

FREESERVIS s.r.o. posted this 25 July 2017

Hello,

I wanted to set the same menu effect on https://www.moje-baterka.cz/.
After inserting css .affix unfortunately does not reduce menu.

Sincerely, Milan

Hello, I wanted to set the same menu effect on https://www.moje-baterka.cz/. After inserting css .affix unfortunately does not reduce menu. Sincerely, Milan

Support Team posted this 25 July 2017

Hi,

Please try with !important rule:

.affix nav li a { padding-top: 25px!important; padding-bottom: 25px!important; }

Thank you,
Olivia

Hi, Please try with `!important` rule: `.affix nav li a { padding-top: 25px!important; padding-bottom: 25px!important; }` Thank you, Olivia

15 Posts

FREESERVIS s.r.o. posted this 27 July 2017

Hi,

Please try with !important rule:

.affix nav li a { padding-top: 25px!important; padding-bottom: 25px!important; }

Thank you,
Olivia

Thank you, it works.
Sincerely, Milan

> Hi, > > Please try with `!important` rule: > > `.affix nav li a { > padding-top: 25px!important; > padding-bottom: 25px!important; > }` > > Thank you, > Olivia > Thank you, it works. Sincerely, Milan

Support Team posted this 27 July 2017

You are welcome. Feel free to contact us in any other occasion.

Sincerely,
Hella

You are welcome. Feel free to contact us in any other occasion. Sincerely, Hella

You must log in or register to leave comments