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

[Mikula Beutl]

Hi felllow GPs

See below issue:

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:

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

Any idea how i could get this fixed?

[David]

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

[Mikula Beutl]

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;
}

[Leo]

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 🙂

[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:

[Leo]

Glad it helped 🙂

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

[Author]

Posts