[Resolved] sticky menu padding right

Home Forums Support sticky menu padding right

  • This topic has 5 replies, 2 voices, and was last updated 1 month ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1418685
    Torsten

    Hi,
    I’m using sticky menu with a right padding of 40px set in → Customizing → Layout → Header
    when scrolling down the menu moves to the far right, with pretty much no padding at all.
    How to set the same padding for both?
    Thanks ahead,
    Torsten

    #1418704
    David
    Staff
    Customer Support

    Hi there,

    for that type of Navigation i would suggest enabling the Navigation as Header option in Customizer > Layout > Header. It will help with the sticky transition which currently is very jumpy

    Note the size of the Logo will be defined by the Menu Item height set in Customizer > Layout > Primary Navigation and > Sticky Navigation.

    Once done i can provide some CSS to ad the padding.

    #1418819
    Torsten

    thx so far.
    I’ve set “Navigation as Header”.
    awaiting the css to set the right-padding…
    😉
    best,
    Torsten

    #1418888
    David
    Staff
    Customer Support

    Try this CSS:

    .inside-navigation {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    #1418927
    Torsten

    thumbs up!

    #1418941
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.