header menu bar issue

  • Resolved Christian

    (@cantropo)


    4 years, 4 months ago

    hi, just wanted to ask if you can help me out. i have the main page width at 75em, but when i scroll down the page the menu bar is taking the full width. would appreciate to have the menu in the same width as the header and page while scrolling down.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hello Christian,

    Have you tried using the “Customizer – Nav Options – Navigation Bar Width” option?

    Please confirm if this works for you and if not we will investigate further.

    Oliver

    Thread Starter Christian

    (@cantropo)

    thx for the anwser, but by scrolling down the menu bar is still full width and not limited by the container of the page. with the “Navigation Bar Width” option i just can adjust the behavior of the menu items not the bar width itself.

    Plugin Author Oliver Campion

    (@domainsupport)

    OK, I understand your problem now ??

    Can you please try adding this CSS to “Customizer – Additional CSS” …

    @media screen and (min-width: 48em) {
.site-navigation-fixed.navigation-top {
width: 75rem;
left: 50%;
transform: translate(-50%, 0);
}
}

    That should do the trick ??

    Let us know and we’ll add it as an option in a future release.

    Oliver

    Thread Starter Christian

    (@cantropo)

    okay thanks, it worked. good, feature-rich plugin by the way.

    Plugin Author Oliver Campion

    (@domainsupport)

    Thanks!

    OK, will update this thread when the option has been added.

    Oliver

    Plugin Author Oliver Campion

    (@domainsupport)

    We have today pushed this out as an option “Customizer – Nav Options – Sticky Nav Bar Width”.

    Oliver

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘header menu bar issue’ is closed to new replies.