Site logo

Archived topic

How Do I Make The Inner Primary Navigation A Fixed Width

1 reply · Started by Marc on October 13, 2020

Viewing posts 1–2 of 2

Hi,
I'd like the inner container of primary navigation a fixed width so it displays with the same width on all desktop screen resolutions.

I know I can go to "layout" and set the inner navigation to "contained". However, I would like control over the actual width it is contained in. I know there is a way to change the padding of the navigation so that it is contained either side by a fixed amount, however this will change the width of the menu on different screen resolutions. Image of what I'm trying to make my menu look like

I set my navigation as "Use Navigation As header".

I also used the elements module to merge it with my content.

Thank you in advance.
Marc

Hi there,

you can try some CSS to give it a max width eg.

.main-navigation .inside-navigation {
    max-width: 800px;
}
This archived topic is closed to new replies.