Resolved IE9: Standard NavBar displayed as a blue gradient instead of "Black Transparent"

3 posts in this topic

Dear Support,

Since I've updated the PageLines plugin from 1.2.4 to the current version 1.2.5, the Standard NavBar is displayed in some kind of blue gradient in IE9, instead of the configured "Black Transparent (default)".

This only happens in IE9, FF15 correctly displays the Standard NavBar.

You can compare yourself using IE9 and FF15 going to, or compare the following image snippets (showing the problem in IE9 on the left and the correct display in FF15 on the right, respectively):


In order to check for possible reasons for this issue, I temporarily changed the Standard NavBar theme from "Black Transparent (default)" to some of the other options available through the PageLines admin pages (e.g. "Orange"). But when I did this, the NavBar's are displayed identically on IE9 and FF15, so it seems this issue only occurs with the setting of "Black Transparent (default)".

I then switched back to "Black Transparent (default)" - no change, IE9 still displays it incorrectly in that blue gradient, while FF15 still displays it correctly.

Additionally I found, that switching to another Standard NavBar theme (Orange, Blue, Light Grey) moves the menue items (text) aprox. 50-100px to the right. In other words, it produces an additional margin space to the left of the first menu item text ("Willkommen", in my case). This doesn't happen with the default of "Black Transparent (default)", interestingly.

Again, I emphasize here, that before updating to 1.2.5 everything was fine with the NavBar - so I really assume, that this is some sort of bug introduced with the 1.2.5 code.

Can you please fix this problem (bug?) or help me in finding a workaround for this (e.g. by using custom CSS)?

Thanks in advance,


Share this post

Link to post
Share on other sites


From what I have read this is a bug on our part and will be fixed in an upcoming patch. We apologise for any inconvenience this may have caused.

1 person likes this

Share this post

Link to post
Share on other sites

The topic was marked as resolved.

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

  • Similar Content

    • navbar in mobile view
      By micstepl+
      make NavBars (each) choose-able, to break in mobile view "above content" OR "below content"
    • DMS 2 Navbar menu repeats in hamburger mode
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

    • Transparent Fixed Section
      By jagipson+
      I am trying to make a header like the following site:
      They have their logo with a blue and yellow bar. Above the blue bar its actually transparent. You can see the image underneath of the building. How can I accomplish this with the Fixed section on DMS? I just started the build here:
      When I scroll down the bar in transparent but the top is white which looks like its the site wrap background. How can accomplish this?
    • Scroll Nav in Safari not properly sticking to NavBar
      By janpeeters+
      I'm using the Scroll Nav extension on It works mostly great but in Safari 9.0.1 it jumps too high when it sticks. Firefox and Chrome latest versions work just fine in the current setup.
      So I'm wondering if the developer of the plugin is around to give me a clue as to how to fix this? I've thought of using the CSS Classes of the Pagelines Pro plugin but couldn't find a way to get it working.
      Thanks for any suggestions.


    • Change NavBar Menu alignment and font size
      By saur0+
      Hi, I have managed to change the size of the navbar logo to 75px, but I now want to change the size of the font on the menu (20px) and align the menu vertically to the bottom (so it is in line with the bottom of the logo image). I've been playing around with the CSS but can't seem to get it right, if anyone could give me some pointers it would be much appreciated. 
      The site is if you want to take a look at the source.