First link pushing nav bar down in Chrome

[RobCubbon]

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

[RobCubbon]

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

[Hard Boiled Greg]

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

[Hard Boiled Greg]

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

[Hard Boiled Greg]

Adding:

clear: none;

to #header .genesis-nav-menu

resolves this.

Hard Boiled Greg

---

Website: Hard Boiled Greg Twitter: @hbgreg

[RobCubbon]

Greg = life saver 🙂

---

Rob Cubbon

[JanJ]

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!

[Nukezm]

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.

[Lorraine]

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

[Author]

Posts