Support Center Visit Demo License manager Buy @ envato

Width of Always Open menu

tony_helliwelltony_helliwell
in Theme support
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.

Comments

  • PabloPablo
    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_helliwelltony_helliwell
    Brilliant - thanks.
  • a2gp3golfa2gp3golf
    edited April 2019
    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.
    image
  • a2gp3golfa2gp3golf
    edited April 2019
    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
      }
    }
Sign In or Register to comment.