Singl theme menu bar

• 

  elektromonter · Member · Dec 3, 2014 at 2:36 pm

  • Copy link
  • Add topic to favorites

  Hey,
  is there any option to transform hidden menu in Singl Theme to sth like this: https://www.dropbox.com/s/z1gccbt9t4u6ip3/www.png?dl=0
  ??

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 4, 2014 at 12:23 am

  • Copy link

  Hi there, the following would be my suggestion, which will keep the menu open for screens 1025px and wider by using a Media Query. The reason I’m suggesting this, is to accommodate touch devices (tablets and phones), and also because the menu items begin to break weird at just narrower than that.

  @media screen and (min-width: 624px) {
  	.main-navigation ul {
      display: inline-flex;
      padding-left: 150px;
  		top: 0;
  	}
  	.menu-toggle {
      display: none;
  	}
  	.main-navigation a {
  		word-wrap: normal;
  	}
  }

  Give the above a try and see what you think. Paste it in at the very bottom of your existing CSS.

• 

  elektromonter · Member · Dec 4, 2014 at 11:35 am

  • Copy link

  THANK YOU VARU MUCH!
  You can’t even imagine how happy you’ve made me.

  Worx exactly as i needed.

• 

  thesacredpath · Member · Dec 4, 2014 at 5:34 pm

  • Copy link

  You are welcome.