Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

7.1 header layouts - make center option wider


Recommended Posts

I'd like to use the option of the header which stacks the logo on top and nav links underneath.

But my nav titles are a bit long and there are a few of them so I want widen the container so it's doesn't stack them too. Just to have on one line..

Does anyone know how to do this?

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

  • 4 weeks later...

Adding this to css worked for me. You have to use the media rule, otherwise your mobile bars get moved.

@media screen and (min-width: 990px){
.header-layout-branding-center-nav-center .header-title-nav-wrapper {
  flex: 0 0 100%;}
}

Basically you are changing the branding width to 100% instead of 50%.  Hope that helps.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...