Need CSS/HTML help fixing navigation in IE

Just launched a new Wordpress site, and for some reason that I can't figure out, the navigation is pushed way to the right and then rolls onto the next line, but only in IE.

I only have access to IE 11 on Windows 7, so I can't be sure if it's doing the same thing in other versions. But it looks fine in Chrome, Safari and FireFox on both Windows and Mac. The theme is highly responsive and it also works fine on my iPhone.

Anyway, here's the site:

http://www.all-about-wolves.com

And here's the main .css file:

http://www.all-about-wolves.com/wp-content/themes/TheHunter/style.css

Any ideas? Virtual beer for whoever can point to a solution!!!

Solutions

You need to clear your float left (or both) on the <div class="clearfix"> that wraps your menu.

Notice that in IE the menu starts where the site logo ends. To fix this, edit your css and make sure the 'clearfix' will works properly on all browsers.

.clearfix {
    clear: both;
}
Tags: Html / Css / Wordpress

Similar questions

Need help modifying a Wordpress plugin. I just need to know how to remove or replace last 4 characters from a PHP string?
My problem is I'm trying modifying a Wordpress plugin (Comic Easel) without complete knowhow of PHP. Anyway, what I wanted to do is make mobile/vertical versions of my comic strip (cause mine is in horizontal format), so I made alternate versions of the comic images, say http://example.com/comic1m.jpg Now here's the code: What this does is get the ...
Is it possible to disable html code error auto fixing feature by wordpress 4.9.1?
I'm on Wordpress 4.9.1 and there's this new feature that detects HTML error and auto fixes the errors when updating the page. Is it possible to disable this feature? The error is false positive since it's still working as intended. Note : - I'm the super admin and HTML errors seems to not be auto fixed for me. The fix only applies for admins/editor...
fixing link href and img src mismatch in a large number of html chunks saved in WordPress database
After using a caching plugin to fix numerous hotlinks, some of the generated html saved to the database is not quite right. For example: Other times there is an additional 2 before the extension. Other times there is a 21. As you can see, the href and src don't agree. The href is right. Suggestions for how to fix? I'm guessing I need to do a regex ...
CSS - Fixing Style Typo Breaks Website
Looking for a little CSS Help. I am working on a wordpress website for some friends. I was putting the child theme CSS together, and when making a floating box for a logo for IE/Safari compatability, I found a typo that will break my site if I fix it. In the CSS I have: This is code left behind by the last guy, and if I pull this extra closing brac...
Fixing render blocking CSS on WP
Hello I am trying to fix render blocking CSS recommendation from Google Page speed. I use Autoptimize for this purpose, so I inserted critical path and checked defer CSS. However Google doesn't count this as a fixed recommendation. From this code part, is there any issues that causing it, or it something else? Any hints on how to troubleshoot this...
Adding CSS border to woocommerce product add-ons (fixing code not working with latest updates)
I have a CSS code on an older site that add border around the Woocommerce product add-ons. (https://woocommerce.com/products/product-add-ons/) You can see it here (it's the green border around the product add-ons): https://fleuristelejolicoeur.com/produit/symphonie-de-printemps/ Now I am building a new site and with the lastest updates, the code no...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.