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  Navitas 2 months, 3 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 23, 2013 at 6:17 am #22376

    RobCubbon
    Participant
    Post count: 28

    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

    Creating a Business Website with a Responsive Design with Genesis video course

    February 23, 2013 at 3:14 pm #22446

    RobCubbon
    Participant
    Post count: 28

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

    Creating a Business Website with a Responsive Design with Genesis video course

    February 23, 2013 at 3:52 pm #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

    February 23, 2013 at 4:18 pm #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

    February 23, 2013 at 4:48 pm #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

    February 23, 2013 at 5:51 pm #22478

    RobCubbon
    Participant
    Post count: 28

    Greg = life saver :)

    Creating a Business Website with a Responsive Design with Genesis video course

    February 25, 2013 at 2:25 am #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!

    February 25, 2013 at 8:53 pm #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.

    February 27, 2013 at 4:34 am #23072

    Navitas
    Participant
    Post count: 8

    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)

You must be logged in to reply to this topic.