Menu order and drop down

• 

  luedercrysdesign · Member · Jan 17, 2017 at 10:49 pm

  • Copy link
  • Add topic to favorites

  Hi!

  Is there a way to make my menu for devices drop down, instead of pop out from the right?

  Also Is there a way to make the Primary menu listed first on that menu, then the secondary menu, and then the search bar?

  Thank you!

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

• 

  aakashpatelsite · Member · Jan 18, 2017 at 9:35 am

  • Copy link

  Hi,

  I have seen your blog, for menu drop down you should use navigation bar it may be a vertical or horizontal.
  And for the search textbox you should place it in tag of

  [code breaking forum page removed by @thesacredpath]

  Thanks,
  Aakash Patel

• 

  aakashpatelsite · Member · Jan 18, 2017 at 9:37 am

  • Copy link

  Hi,

  I have seen your blog, for menu drop down you should use navigation bar it may be a vertical or horizontal.
  And for the search textbox you should place it in li tag of ul tag.

  Thanks,
  Aakash Patel

• 

  luedercrysdesign · Member · Jan 18, 2017 at 6:09 pm

  • Copy link

  Hi great suggestions, but I am having trouble finding the css code for the menu to edit it. This type of coding is beyond what I know how to do within wordpress.com.

• 

  thesacredpath · Member · Jan 25, 2017 at 10:34 pm

  • Copy link

  On the order of your items in the slide out on smaller screens, we can use the following. The only caveat is that this doesn’t work on some older browsers, and in the case of Internet Explorer, only on version 11 and later.

  #toggle-sidebar .mobile-navigation {
  	display: flex;
  	flex-direction: column;
  }
  #toggle-sidebar .mobile-navigation #primary-menu {
  	order: 1;
  }
  #toggle-sidebar .mobile-navigation #secondary-menu {
  	order: 2;
  }
  #toggle-sidebar .search-form {
  	order: 3;
  }
  #toggle-sidebar .mobile-navigation .social-list {
  	order: 4;
  }

  On the slide out, that is not something we can change. The theme actually rewrites the HTML. We would have to modify the theme php and javascript files, and we cannot do that at WordPress.com.