Width of Always Open menu

Comments

• Pablo

  April 2019

  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

  April 2019

  Brilliant - thanks.
• a2gp3golf

  April 2019 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.

  
• a2gp3golf

  April 2019 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
    }
  }