[Resolved] Dev > Layout > Sticky Navigation (missing “Contained” width)

Home Forums Support [Resolved] Dev > Layout > Sticky Navigation (missing “Contained” width)

Home Forums Support Dev > Layout > Sticky Navigation (missing “Contained” width)

  • This topic has 5 replies, 3 voices, and was last updated 1 year ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1491813
    Mikula Beutl

    Hi felllow GPs

    See below issue:

    example

    Highlighted in yellow is what i want in the red area, but i just cant find any option that would position it at the Contained width:

    sidebar in customizer

    Dev > Layout > Sticky Navigation (missing “Contained” width option)

    Any idea how i could get this fixed?

    #1491898
    David
    Staff
    Customer Support

    Hi there.

    the Sticky Navigation inherits the container widths set in Customizer > Layout > Primary navigation.

    If you need that to be different for sticky then share a link to the site and ill provide some CSS

    #1492326
    Mikula Beutl

    fixed

    I managed to fix the CSS to this, you gave me the idea πŸ™‚

    https://mikulabeutl.com/

    if anyone wants to know what fixed it,

    If you are using “Dev” theme,

    here is the part you have to paste into “Additional CSS”

    
    .inside-navigation {
        --wp-admin-theme-color: #007cba;
        --wp-admin-theme-color-darker-10: #006ba1;
        --wp-admin-theme-color-darker-20: #005a87;
        --tutor-primary-color: #1B52D8;
        --tutor-primary-hover-color: #1b52a9;
        --tutor-text-color: #4B5981;
        --tutor-light-color: #B1B8C9;
        --tutor-success-button-color: #4BD863;
        --tutor-text-size: 16px;
        -webkit-font-smoothing: antialiased;
        font-weight: 400;
        text-transform: none;
        font-family: "Lora", serif;
        font-size: 18px;
        line-height: 1.8;
        color: #3a3a3a;
        border: 0;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
        /* padding: 20px 40px; */
        max-width: 1300px;
    }
    
    #1492351
    Leo
    Staff
    Customer Support

    Hi Mikula,

    That’s actually a bug currently.

    I assume you don’t see the navigation widths option under primary navigation either?
    https://docs.generatepress.com/article/navigation-layout/

    If so I believe the following workaround would work:

    – Set the navigation location to below header first:
    https://docs.generatepress.com/article/navigation-location/

    – Then the navigation widths options should appear and you can set the inner width to contained:
    https://docs.generatepress.com/article/navigation-layout/#inner-navigation-width

    – Save and publish.

    – Change the navigation location back to float right.

    If that works then you can remove your custom CSS.

    Let me know if this helps πŸ™‚

    #1492535
    Mikula Beutl

    OMG, this really worked!

    Now that you helped me, i will help you too.

    Until you fix the bug, release an update where you add this information as a tooltip or infobox or text at the end here, many people will thank you, even if its just a workaround:

    missing options

    #1492597
    Leo
    Staff
    Customer Support

    Glad it helped πŸ™‚

    Adding a tip in the customizer also requires an update so we might as well just fix the bug there.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.