• 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

First link pushing nav bar down in Chrome

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 › First link pushing nav bar down in Chrome

This topic is: resolved

Tagged: chrome, menu

  • This topic has 8 replies, 5 voices, and was last updated 10 years, 3 months ago by Lorraine.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 23, 2013 at 6:17 am #22376
    RobCubbon
    Member

    Hi I'm developing locally using Genesis Sample Child Theme.

    Put a custom menu widget in the header widget area.

    All has been fine . But suddenly without any change to the code (I think!) I have this problem in Chrome.

    Could you watch the video because this illustrates the problem more clearly.

    http://robcubbon.com/files/genesis-menu-issue.mp4


    Rob Cubbon

    February 23, 2013 at 3:14 pm #22446
    RobCubbon
    Member

    This is totally baffling!!! The CSS is totally normal and appears to be OK in other circumstances. Please help. I can't work this one out.

    image


    .genesis-nav-menu {
    clear: both;
    overflow: hidden;
    }

    #header .genesis-nav-menu {
    float: right;
    margin-top: 42px;
    margin-top: 2.625rem;
    width: auto;
    }

    .genesis-nav-menu.menu-primary,
    .genesis-nav-menu.menu-secondary {
    border-bottom: 1px solid #ccc;
    }

    .genesis-nav-menu ul {
    float: left;
    width: 100%;
    }

    .genesis-nav-menu li {
    display: inline-block;
    float: left;
    list-style-type: none;
    text-align: left;
    }

    .genesis-nav-menu a {background: #f5f5f5 ;
    display: block;
    padding: 12px 30px;
    padding: 0.75rem 1.875rem;
    position: relative;
    }


    Rob Cubbon

    February 23, 2013 at 3:52 pm #22454
    Hard Boiled Greg
    Member

    I'm experiencing this problem too Rob. Just discovered it. I'll let you know if I find anything.

    HBG


    Website: Hard Boiled Greg Twitter: @hbgreg

    February 23, 2013 at 4:18 pm #22459
    Hard Boiled Greg
    Member

    I have set up a demo site that can be visited to see the problem and review the CSS. No plugins are active.

    http://testing.pvmdemo.com/

    Any insight would be greatly appreciated.


    Website: Hard Boiled Greg Twitter: @hbgreg

    February 23, 2013 at 4:48 pm #22463
    Hard Boiled Greg
    Member

    Adding:

    clear: none;

    to #header .genesis-nav-menu

    resolves this.

    Hard Boiled Greg


    Website: Hard Boiled Greg Twitter: @hbgreg

    February 23, 2013 at 5:51 pm #22478
    RobCubbon
    Member

    Greg = life saver 🙂


    Rob Cubbon

    February 25, 2013 at 2:25 am #22658
    JanJ
    Member

    I had exactly the same problem. Suddenly it appeard without having changed anything in the code, but only in Chrome. Thanks Greg for solving this problem!

    February 25, 2013 at 8:53 pm #22826
    Nukezm
    Member

    Same problem here too and Greg's fix worked, BUT does anyone understand why this happened?  It still worked properly in all the other browsers.

    February 27, 2013 at 4:34 am #23072
    Lorraine
    Participant

    Wow, I have been head scratching too, this just started on Saturday on my clients site.  Thanks for the fix.

  • 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