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

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?

Share this post


Link to post

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.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...