Archived topic

sticky menu full width

5 replies · Started by Niklas on March 2, 2021

Viewing posts 1–6 of 6

March 2, 2021 at 2:15 am #1678429

Hello!
I can not get the sticky menu to follow the full width of the regular menu.
I looked through all code on the forum and tested but it does not work.

Is this a bug that can be fixed?

bg Niklas

March 2, 2021 at 3:47 am #1678517

Hi there,

go to Customizer > Layout > Primary Navigation and temporarily change its location to below header then set the Navigation Width and Inner Navigation Width to Full Width. Then change the location back.

The Sticky Nav should now be full width.

March 2, 2021 at 3:58 am #1678528

Hello!
Thanks for quick response.
Now the sticky menu is full width.
But it loses the padding set in Header.

Is there a way for the sticky menu to have the same padding as Primary navigation?

Best regards
Niklas

March 2, 2021 at 4:51 am #1678582

Try this CSS:

@media(min-width: 769px) {
  #sticky-navigation {
    padding-left: 40px;
    padding-right: 40px;
  }
}

March 2, 2021 at 4:53 am #1678584

That works beautifully!!
Thanks a lot!!!

best regards
Niklas Edelström

March 2, 2021 at 5:33 am #1678619

Glad to be of help.

This archived topic is closed to new replies.

Start building better websites today.