Width of Always Open menu

tony_helliwell

Hi,

Is there a way to enlarge the width of the always open menu (left hand side)? Some of the text for my menu items is right on the limit, and covers the drop down arrows for submenus.

Thanks.

Pablo

Hi,

It cannot be using Theme Options, but it's possible with CSS.

But, there is a negative side of this solution, that your content will be hidden a little bit behind the header, is that okay?

This code below should be pasted into the Theme Options > Custom CSS & JS > CSS

@media (min-width:1240px){
	html body #Header_creative{
		width:300px !important;
	}
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

tony_helliwell

Brilliant - thanks.

a2gp3golf

Hi,

and to decrease the width of the always open menu (left hand side)?
I used the css code above changing:

width:180px !important;

the menu width is reduced, but the layer below remains of the old width (250px).

Thanks.

a2gp3golf

I solved with these additional lines:

@media (min-width:1240px){
    html body #Header_creative{
        width:180px !important;
    }
  body.header-creative.header-open{
    padding-left:180px
  }
}