Remove sub items on moblile

• 

  johnwtaylordesign · Member · Oct 27, 2016 at 4:08 pm

  • Copy link
  • Add topic to favorites

  Hello WP Community,

  On mobile, the menu opens up everything, including sub nav items. Is it possible to just see the top nav items on mobile with CSS? Thanks. -John

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

• 

  innisfreehomestead · Member · Oct 27, 2016 at 7:16 pm

  • Copy link

  Hi there,

  Unfortunately that theme appears to remove any selectors when using the mobile menu so it’s hard to specify the sub nav items in particular. I did figure out a workaround, but it is dependent on the placement of the items. If you shift around your menu order, you’ll have different things appearing and disappearing (but it shouldn’t be too hard to modify the code below if there are updates):

  .dk_options_inner li:nth-child(4), .dk_options_inner li:nth-child(5), .dk_options_inner li:nth-child(9), .dk_options_inner li:nth-child(10), .dk_options_inner li:nth-child(12), .dk_options_inner li:nth-child(13) {
  	display: none;
  }

  Hope that helps!
  Sage

• 

  johnwtaylordesign · Member · Oct 27, 2016 at 7:36 pm

  • Copy link

  You did it! Thanks very much.

• 

  innisfreehomestead · Member · Oct 27, 2016 at 7:38 pm

  • Copy link

  Fantastic, thanks for letting me know!

• 

  johnwtaylordesign · Member · Oct 28, 2016 at 2:31 pm

  • Copy link

  Hi Sage-

  Again, thanks for the solution-to the mobile menu expansion. I’ve learned a lot and shared this with the person I’m working with.

  If possible, would you take another look? Now, none of the sub menu items will show even when the parent menu is selected.

  The Cause?
  Since the parent menu item needed to be nulled (so only the sub menu items were clickable), I gave the parent items a “#” link. But since we’ve prevented the automatic expansion on mobile, the sub menu items are now not showing at all.

  Thanks!

  The Site: johnwtaylordesign.wordpress.com.

• 

  innisfreehomestead · Member · Oct 28, 2016 at 5:53 pm

  • Copy link

  Hi there!

  Unfortunately the way the menu code is set up it makes it so that it can’t be made collapsable or openable on mobile. The items have to either be there or not :/

  Sorry about that,
  Sage