• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Stop Nav Menu from wrapping in IE 11

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Stop Nav Menu from wrapping in IE 11

This topic is: resolved

Tagged: display problems in IE, IE 11, nav menu wrap

  • This topic has 2 replies, 2 voices, and was last updated 10 years, 11 months ago by CDM.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 14, 2015 at 1:24 pm #147918
    CDM
    Member

    Hi gang. I just noticed that the top nav menu is wrapping in IE 11. Looks fine in Firefox and Chrome. The site is still underdevelopment so I don't know what the final menu items will be.. Maybe just removing and resizing will do the trick.. But, if I do need to have what I have in my nav menu, how do I stop it from wrapping in IE 11?

    Thanks so much

    CD

    http://hcvadvocate.org/wordpress/
    May 10, 2015 at 12:22 pm #151551
    vajrasar
    Member

    Change following in style.css -

    .genesis-nav-menu .menu-item {
      display: inline-block;
      text-align: left;
      margin-right: 0;
    }
    
    body.gppro-custom .nav-primary .genesis-nav-menu {
      text-align: left;
    }
    
    body.gppro-custom .nav-primary .genesis-nav-menu > .menu-item > a {
      font-size: 18px;
      padding-left: 12px;
      padding-right: 24px;
      padding-top: 24px;
    }

    I make WordPress websites using Genesis Framework.

    WordPress/Genesis Development | Customizations

    May 10, 2015 at 8:46 pm #151625
    CDM
    Member

    Thanks.. What I wound up doing was changing the main items in my main menu... now everything is fine. But thanks anyways!!

    CD

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble