Jump to content
Sign in to follow this  

Navbar not centered in IE9

Recommended Posts


I'm wrapping up work on this site now and am having an issue in IE9 where the navbar is rendered on the left side instead of centered. I've tried shutting off all of the plugins but to no avail. I've included screenshots of how the nav looks in chrome and ie. The site itself can be seen at http://dev.hwd3d.com.



Share this post

Link to post
Share on other sites
James B

Hi there, that's strange as the rest of the page is staying within the content pad.


To see if it's a css issue, try removing your css code which relates to the navbar and see if the layout goes back to normal in ie9. If it does paste back in the code for the nav bit by bit to see which is causing the problem, then you can try and tweak it to suit.


Otherwise, try using the browser specific plugin - http://www.pagelines.com/store/plugins/browser-css/


To correct the css alignment in IE9. There's a list of css prefixes at - http://support.pagelines.me/docs/plugins/browser-specific-css/ which will target the browser and leave the css in other browsers as it is.

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Grant Turck
      By Grant Turck+
      Navbar Broken on All Devices When Not Logged Into Wordpress. See screenshots attached from mobile. What is causing this issue and how do I fix? Site is venicepride [dot] org.

    • dloos
      By dloos+
      ONEPAGE has visual errors in IE, objects do not stay separated, and image elongated on next section.  Any Suggestions?  It is coming up with this error from Pagelines on site. 
    • PierreFF
      By PierreFF+
      I have an issue with NavPro on mobile when the link of the menue is on the same page. 
      Here is my website: http://foundersofthefuture.co
      The isssue comes from the fact that in my menue most of the items send somewhere else on the same page using anchor link (eg. #container_u788888). 
      This works well on desktop but on mobile, nothing happens when clicking on the link. One of the link of the menue of the homepage "France" sends to another page of the website and this one works well even on mobile. 
      I am using the Pagelines framework theme and also used a wordpress plugin (jQuery Smooth Scroll) for smooth scrolling . 
      Thanks in advance for your help and let me know if I need to provide more information. 
    • arno
      By arno+
      Site that looks great on other browser, are is rendered wrong on IE: http://foodfunded.us/
      We got multiple complaints.
      The height of sections is way too high. Not sure which section is causing the problem, as they are in containers.
      Or is the size of the images?

      While most of us probably don't use IE, it might prevent professionals from getting client engagements with the PL5 tool, if the browsers don't have coverage.

    • tristanrodgers
      By tristanrodgers+
      Hi there!
      I'd love to have some social media buttons in my navbar like my online-shop has!
      Can someone explain me how to create them? I tried a lot but don't know how to realize them...
      Greetings from Germany,