• 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

Border around menu

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 › Showcase and Feedback › Border around menu

  • This topic has 5 replies, 2 voices, and was last updated 10 years, 9 months ago by jbergen.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 31, 2014 at 6:26 am #122046
    simone
    Member

    Hello,

    I have a question about the Corporate theme of Studiopress (www.dewittecoaching.nl). I try to make the borders the same thickness at all sides, but in IE browser it looks different than in Mozilla Firefox.

    I made the border like this in css:
    #nav {
    background: url(images/nav.png);
    border-color: #6B0575;
    border-style: solid;
    border-width: 0px 1px 2px 3px;
    clear: both;
    color: #fff;
    font-family: 'Droid Sans', arial, serif;
    font-size: 12px;
    margin: 0 auto;
    overflow: hidden;
    width: 956px;
    }

    Can I fix this another way in css?

    Thanks!

    Simone

    http://dewittecoaching.nl
    August 31, 2014 at 9:58 am #122067
    jbergen
    Member

    Hi,

    I think what's causing the asymmetry in the border around your nav menu is this line: border-width: 0px 1px 2px 3px;

    When I changed it to: border-width: 0px 2px 2px 2px;, it made the spacing on the left and right of the nav menu more even.

    I hope that helps!
    Jamie


    Jamie @ Ladebug Studios

    August 31, 2014 at 2:28 pm #122101
    simone
    Member

    Hi Jamie,

    Thanks, but this helps in Mozilla but it's horrible in IE. That's why I use these different values; because this shows the best in IE. There must be some way to make the lines more even for all browsers, but how?

    Thank you,

    simone

    August 31, 2014 at 2:38 pm #122104
    jbergen
    Member

    Hi Simone,

    Can you tell me which version of IE you're using and which operating system? I tried to reproduce the problem using BrowserStack, but I didn't see the problem you're describing. Can you also maybe include a screenshot in your next post?

    Jamie


    Jamie @ Ladebug Studios

    September 1, 2014 at 11:59 pm #122347
    simone
    Member

    Hello Jamie,

    I'm using IE 11. I can't figure out how to insert a screenshot, sorry!

    Simone

    September 2, 2014 at 9:04 am #122414
    jbergen
    Member

    Hi Simone,

    I tested your site in a couple of different IE 11 configurations in BrowserStack (Windows 7, IE 11 and Windows 8.1, IE11), but it looks the same as it does in Firefox to me.

    Here's IE11:

    IE11

    Here's the most recent version of Firefox:

    Firefox

    If you want to sent a screenshot of what you're seeing, go to tinypic.com and upload the screenshot as an image. Then copy the direct link for layouts and use the img button to create the image in your post.

    Jamie


    Jamie @ Ladebug Studios

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Showcase and Feedback’ 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

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