Title: Horizontal menu?
Last modified: August 22, 2016

---

# Horizontal menu?

 *  Resolved [michaldybczak](https://wordpress.org/support/users/michaldybczak/)
 * (@michaldybczak)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/horizontal-menu-14/)
 * How can I create horizontal menu? With all that options I am completely confused.
   I need simple footer menu and it works but shows as vertical which is bad. How
   can I change it?
 * Thanks!
 * [https://wordpress.org/plugins/custom-menu-wizard/](https://wordpress.org/plugins/custom-menu-wizard/)

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

 *  Plugin Author [wizzud](https://wordpress.org/support/users/wizzud/)
 * (@wizzud)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/horizontal-menu-14/#post-5630004)
 * As noted in one of the FAQs, CMW does not provide any styling at all. There is
   nothing in the CMW options that specifically/knowingly provides for outputting
   a menu that displays horizontally: it’s purely down to your theme. With no other
   influences, the output will display vertically because that’s the nature of a
   list (UL/OL).
 * You can change the styling of any menu using your theme, possibly in conjunction
   with a specific id and/or classes set on the CMW menu in question. Exactly how
   you do that depends on all sorts of things (which is why CMW leaves it you!),
   such as :
    - your theme may already have CSS set up for a horizontal menu, whereby you 
      simply need to add a class into the relevant CMW option
    - your theme may have an option that permits entry of custom CSS via admin, 
      or you may have to modify a stylesheet (preferably in a child theme)
    - you may just want the level 1 items to be horizontal, with sub-menus menus
      vertical, or you may want all levels to be horizontal (or you may only have
      1 level)
    - you may want javascript interaction to show sub-menus … or not
    - you may want any number of tweaks to spacing, colours, alignment, fonts, responsiveness,
      etc
 * One way to get things “horizontal” is to float them (usually _left_). Another
   way is to set them to display _inline_, or _inline-block_. Whichever you use,
   you probably need some sort of qualifier (id or class) to target just that menu
   and its elements.
 * If you were to provide an accessible example, and maybe expand a bit on your 
   requirements (rather than just “horizontal”), then I might be able to be a bit
   a more specific with the CSS you could use?
 *  [presseroo](https://wordpress.org/support/users/presseroo/)
 * (@presseroo)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/horizontal-menu-14/#post-5630098)
 * Hmm, may i butt in on this one as i just installed this wonderful plugin and 
   ended up with the same trouble.
 * Looking at my source code (of site [http://klap.pe.hu/](http://klap.pe.hu/) )
   i see there is CSS styles that have been applied to the shortcode output
    `<div
   class="widget_custom_menu_wizard shortcode_custom_menu_wizard"><div class="menu-
   main-container"><ul id="menu-main" class="menu-widget " data-cmwv="3.1.3" data-
   cmws='{&quot;menu&quot;:3}'><li id="menu-item-23" class="menu-item menu-item-
   type-post_type menu-item-object-page cmw-level-1 menu-item-23">` But there’s 
   no style sheet in the Plugins Editor, so i guess you must have used inline styles??
 * Anyway, my theme has the option for custom styles, or maybe i could override 
   the existing styles inline, adding style=”” to the shortcode??
 * If you have the leisure, can you tell me (and whomever else might wanna know)
   what kind of inline or custom style i would have to write up to flip the menu
   to horizontal??
 *  Plugin Author [wizzud](https://wordpress.org/support/users/wizzud/)
 * (@wizzud)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/horizontal-menu-14/#post-5630100)
 * [@presseroo](https://wordpress.org/support/users/presseroo/)
    As I stated above,_“
   CMW does not supply any styling at all”_.
 * You’ve kindly provided a partial extract of the code produced by the CMW shortcode
   and, as you can see, there are no inline styles. Also, if you look at any of 
   the CSS rules that _are_ being applied to any of the elements, you will notice
   that they all come from your Onetake theme.
 * Here’s 1 way to make your specific menu display horizontally:
 *     ```
       #menu-main {
           list-style-type: none;
           margin: 0;
           padding: 0;
       }
       #menu-main li {
           display: inline-block;
           margin: 0 2em 0 0;
       }
       ```
   
 *  Thread Starter [michaldybczak](https://wordpress.org/support/users/michaldybczak/)
 * (@michaldybczak)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/horizontal-menu-14/#post-5630101)
 * I just need simple horizontal one level menu so I think that adding css changes
   to child theme as suggested above (left, inline, etc.) should do.
 * Will work on it when I find time and let you know how it went.
 *  [presseroo](https://wordpress.org/support/users/presseroo/)
 * (@presseroo)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/horizontal-menu-14/#post-5630104)
 * Oh how sweet and easy, thanks a million rugs wizzud
    Works like a charm already
   [http://klap.pe.hu/](http://klap.pe.hu/)

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

The topic ‘Horizontal menu?’ is closed to new replies.

 * ![](https://ps.w.org/custom-menu-wizard/assets/icon-256x256.png?rev=1381901)
 * [Custom Menu Wizard Widget](https://wordpress.org/plugins/custom-menu-wizard/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/custom-menu-wizard/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/custom-menu-wizard/)
 * [Active Topics](https://wordpress.org/support/plugin/custom-menu-wizard/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/custom-menu-wizard/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/custom-menu-wizard/reviews/)

## Tags

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

 * 5 replies
 * 3 participants
 * Last reply from: [presseroo](https://wordpress.org/support/users/presseroo/)
 * Last activity: [11 years, 4 months ago](https://wordpress.org/support/topic/horizontal-menu-14/#post-5630104)
 * Status: resolved