Add below css in your theme style.css file, change font size if you need
@media screen and (max-width: 56.875em) {
.main-navigation li {
float: left;
width: 33.333333%;
text-align: center;
font-size: 12px;
}
}
UPDATE:
To make menu items inline apply floats on list elements not on nav tag
I checked using inspect elements and code i sent works fine. check that rule does not override by any other CSS in hierarchy.
Related Posts:
- How to get IDs for objects in menu branch?
- Show only 2nd level of navigation depending on active navigation
- Remove navigation from header in custom page template
- How to retrieve depth of menu into template
- Output menu navigation in php file
- Change submenu markup
- How to modify wp-includes without messing my wordpress installation?
- WordPress template – How to add class to li tag if submenu exist
- How can I switch pages?
- How can template identify what page it’s being used on?
- Add a submenu to wp_nav_menu
- Automatically going to the first page in a hierarchy?
- How to add search to menu?
- Is it all right to put the whole tag into template_part file?
- Create link/button to create new post using specific template
- wp_nav_menu doesn’t show on index page
- Setting up menus before making a template live
- Customizing Only a Specific Menu using the “wp_nav_menu_items” Hook?
- How make top level menu item not have link, but have sub-menus that are linked?
- How to Hard Code Custom menu items
- How Does The Walker Class Work?
- How to stop mobile theme inheriting desktop navigation menu?
- Increase search results for Admin -> Appearance -> Menus -> Search (default is 10)
- Large WP 3.0 menu times out and won’t save
- How do I add the data-toggle=”modal” data-target=”#myModal” attribures to a WP Nav bar?
- How to switch between the Primary Menus programmatically?
- if role is logged in then do something
- Terms with more than one occurrence have current-menu-item class in menu
- Nav menu items disappearing (but not immediately)
- How to get Menu Navigation Labels to output HTML
- custom menu not found
- How to add text before WordPress menu item href
- Nav walker, bootstrap: Display 3rd level items under 2nd level
- Remove nav_menus from customizer using a theme
- Benefits of using Nav Walker?
- display only the wp_nav_menu, which has the current-menu-item
- Add tabindex to navmenu
- wp_list_pages sort order is different for different languages [closed]
- I’m having a lot of trouble since upgrade to 3.0.1 with get_page_children() function
- How can I add a link to a WPForms “contact us” form to the main menu?
- How to add wechat (weixin) link to navigation menu?
- Create search form in menu as in Twenty Fourteen theme
- Add link at the end of wp_nav_menu
- How to add programmatically all pages and children to backend menu
- WordPress 3.5 dropdown menu
- WP Menu Walker – How to know total depth from inside the start_lvl() method
- How do I add recent posts to the menu?
- Conditional secondary menus
- delete all post with certain meta_keys
- Navigation doesn’t render when wp is hosted
- WordPress menu performance is slow when lot of items [closed]
- HTML list menu to WordPress menu
- Does is_child() exist in wp 3.5.1?
- Add “drop-down arrow” for menu items with sub-menus
- Cannot seem to replace the native menu with the menu I created, so 2 menus appear
- Hide menu items if the page content is empty
- Output menu title
- Add Labels to Admin Menu ( How To )
- exclude pages in custom menu
- Adding new pages to Menu
- How to reference argument data for wp_nav_menu() from functions.php
- Hamburger Menu not working on reduced browser size
- Switch an entire nav menu if user is logged in
- WordPress functions.php does not affect the theme menus
- Drop Down menu expanded by default (on front page) [closed]
- Simple form to add custom links to menu?
- Wrap wp_nav_menu output around option tags for select menu
- What’s the best way to customize the WordPress Menu Page (in admin)
- Catagorized hierarchy menu for PAGES!
- Making the menu toggled open on mobile devices Illustratr theme
- How to include second layer sub menu to Walker Nav?
- need help in wordpress navbar setup
- Event listener callback returns undefined element
- Add class to sub-menu from unrelated element
- How can I creat custom menu with bootstrap
- Add CSS Class to WordPress Menu Item Dependent on the Page the User is Visiting
- Menu walker: how to tell if a sub menu contains submenus?
- How do i make a custom top level dashboard menu item available for all users?
- Getting parent object_id of child menu items in WordPress menu
- How to remove a sub-menu using walker hooks/filters without relying on a custom walker?
- Walker or wp_get_nav_menu_items VS jQuery
- I can’t correctly display menu
- Specific Page that convert Hyperlink to anchor in nav menu
- How can I make this custom design menu work in wordpress?
- Active menu item / category
- Add different span class to wp nav menu
- Disappearing items in menu
- Menu not saving in dashboard
- Help with changing style of the extended menu drop down [closed]
- Where these arguments are defined?
- How do i keep my current page menu highlighted on pagination?
- How we show pages in dropdown
- Menu support for touch devices
- WordPress Flyout Menus
- Pick out specific menu item from code
- highlight parent page on menu when child page is on sidebar (and not on menu)
- How to set menu Display location
- How to add custom menu to block theme?
- get menu name for the current displayed page
- How to change mobile menu (toggle) icon in WordPress – Full Site Editing?