• 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

Menu issue with Magazine Pro and IE7

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 › Menu issue with Magazine Pro and IE7

This topic is: resolved

Tagged: IE7, Magazine Pro, navigation menu

  • This topic has 8 replies, 2 voices, and was last updated 9 years, 4 months ago by ashWhitney.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 28, 2014 at 5:47 pm #87583
    ashWhitney
    Participant

    Hello all

    I'd be grateful if anyone could offer some advice on the following please.

    I'm trying to get a site working in IE7 (unfortunately !!) using the Magazine Pro theme.

    The primary navigation menu is displaying as a vertical list rather than horizontal as shown on the screen capture below, but I can't see how to change it.

    IE7 Screen Capture

    The menu is arranged correctly horizontally in new versions of IE (like IE9) as shown below.

    IE9 Screen Capture

    Thank you in advance.

    Ash

    January 28, 2014 at 8:22 pm #87596
    songdogtech
    Participant

    What is the site URL?

    January 29, 2014 at 4:00 am #87635
    ashWhitney
    Participant

    I forgot to add the URL sorry. It is:

    http://www.onllwyncommunitycouncil.org/

    January 29, 2014 at 8:13 am #87665
    songdogtech
    Participant

    That theme loads an IE7 specific style sheet; you're going to have to work with that. IE7 is very old and finicky. If you've made CSS changes in your child theme, you need to work with the CSS.

    Developer tools and the console will allow you to see what's loading on your site and how to work with and change the CSS and HTML. Use the built in developer tools in Firefox by right-clicking on the page and going to "Inspect Element"; or use the Firebug add-on with Firefox; or check these links for Chrome or Safari or IE.

    January 29, 2014 at 9:12 am #87681
    ashWhitney
    Participant

    Hello songdogtech

    Thanks for your reply and advice.

    I'd started working on the issue by adding the IE7 specific style sheet, and hope to have a look at the CSS in more detail later today.

    I saw the same issue when I looked at the demo of the Magazine Pro theme on the StudioPress site using IE7, so it doesn't seem to be something I've introduced with slight modifications to the stylesheet on my site.

    IE7 is indeed finicky as you say.

    Regards

    Ash

    January 29, 2014 at 9:21 am #87683
    songdogtech
    Participant

    Sounds like a support issue you should send to http://my.studiopress.com/help/

    January 30, 2014 at 5:23 am #87790
    ashWhitney
    Participant

    Thanks songdogtech for your time and suggestions.

    I found a quick solution that I'm posting here as it may be useful to others experiencing the same issue.

    In the 'Site Navigation' section of the stylesheet change:

    .genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: left;
    }

    To:

    .genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: left;
    *display: inline;
    zoom: 1;
    }

    Credit to Kapa on StackOverflow for this IE7 display: inline-block; hack

    Regards

    Ash

    January 30, 2014 at 9:53 am #87826
    songdogtech
    Participant

    Good that works. I'd still send that to studiopress as a bug report/fix.

    January 30, 2014 at 12:33 pm #87857
    ashWhitney
    Participant

    I'd raised a support request with StudioPress and subsequently let them know about the inline-block hack.

    I don't think they'd treat it as a bug report/fix though as the support reply I received mentioned that they'd "stopped supporting IE6 and IE7 due to limitations in the system for HTML5 and CSS3" - which is understandable.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 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

© 2023 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