First link pushing nav bar down in Chrome

Community Forums Forums General Discussion First link pushing nav bar down in Chrome

This topic is: resolved

Tagged: ,

This topic contains 8 replies, has 5 voices, and was last updated by  Lorraine 1 year, 5 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #22376

    RobCubbon
    Participant
    Post count: 102

    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


    #22446

    RobCubbon
    Participant
    Post count: 102

    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;
    }


    #22454

    Hard Boiled Greg
    Participant
    Post count: 88

    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

    #22459

    Hard Boiled Greg
    Participant
    Post count: 88

    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

    #22463

    Hard Boiled Greg
    Participant
    Post count: 88

    Adding:

    clear: none;

    to #header .genesis-nav-menu

    resolves this.

    Hard Boiled Greg


    Website: Hard Boiled Greg Twitter: @hbgreg

    #22478

    RobCubbon
    Participant
    Post count: 102

    Greg = life saver :)


    #22658

    JanJ
    Participant
    Post count: 1

    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!

    #22826

    Nukezm
    Participant
    Post count: 1

    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.

    #23072

    Lorraine
    Participant
    Post count: 28

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

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.