Title: Responsive Menu Help
Last modified: March 9, 2019

---

# Responsive Menu Help

 *  [eggrace](https://wordpress.org/support/users/eggrace/)
 * (@eggrace)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/responsive-menu-help-3/)
 * Hi,
    I volunteered to redo our website. I created our first one on WordPress 
   and now I am redesigning – but I am a bit of a novice. I am having problems with
   the responsive menu. I want a full width menu with Menu item and sub menus showing
   by default. And I cannot find a way to do it. Also I wanted to list the sub menus
   in two columns. I borrowed some CSS to do this but they appear jumbled. I have
   tried to alter the width but no success. The code is: .sub-menu-columns ul.sub-
   menu li { display: inline-block; float: left; width: 200px; } .sub-menu-columns
   ul.sub-menu li:nth-child(odd) { float: left; margin-right: 10px; } .sub-menu-
   columns ul.sub-menu li:nth-child(even) { float: right; } All i want is to have
   all my menus showing on toggle click. Then main menu item with submenu items 
   below it in 2 columns. I am using Astra and I hoped it would be a simple excerise
   but it is proving beyond my experience.
 * I would appreciate any guidence or pointers; I don’t ask for anyone spend their
   time doing it for me.
    Many thanks for your help
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fresponsive-menu-help-3%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [Joy](https://wordpress.org/support/users/joyously/)
 * (@joyously)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/responsive-menu-help-3/#post-11293963)
 * You should ask in your theme’s support forum, as each theme does menus differently
   and the menu CSS is often very tricky.
 *  Thread Starter [eggrace](https://wordpress.org/support/users/eggrace/)
 * (@eggrace)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/responsive-menu-help-3/#post-11294862)
 * Thanks Joy, I have reposted there.
    Is there a simple trick to display all menu
   items including submenus is CSS that you know of? Thanks
 *  Thread Starter [eggrace](https://wordpress.org/support/users/eggrace/)
 * (@eggrace)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/responsive-menu-help-3/#post-11296853)
 * Hi,
    I have used the following code: .sub-menu-columns ul.sub-menu li { display:
   inline-block; float: left; width: 200px; } .sub-menu-columns ul.sub-menu li:nth-
   child(odd) { float: left; margin-right: 10px; } .sub-menu-columns ul.sub-menu
   li:nth-child(even) { float: right; }
 * But then the parent menu items get mixed in with the child items. And the the
   child item links don’t work.
    I have set the parent item to CSS Class sub-menu-
   columns
 * I must be doing something basic wrong but I cannot work out how to fix.
    Can 
   anybody help please? Thank you for your assistance

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Responsive Menu Help’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [eggrace](https://wordpress.org/support/users/eggrace/)
 * Last activity: [7 years, 2 months ago](https://wordpress.org/support/topic/responsive-menu-help-3/#post-11296853)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics