Trying to recreate sticky navbar from 1.1.x in 2.0

34 posts in this topic

Hi Danny, I was cheering when I read your post, but it doesn't remove the white in my situation. Have you tested this?


I've needed the following code (might not all be necesarry) to make it look like I wanted. And as said, my text and search icon where both white. I could of course be doing something wrong or it might be a bug, dunno: .navbar {
border: none;

body .pl-fixed-top {
background-color: rgba(255,255,255,0);
box-shadow: none;

div.navbar-content-pad.fix {
height: 38px;
padding: 10px;
background-color: white;
.section-navbar .navbar .navline > li.current-menu-item > a {
background-color: rgba(0,0,0,0.05);
color: #111;
text-decoration: none;

.section-navbar .navbar .navline > li > a {
color: #111 !important;
text-decoration: none;

.section-navbar .navbar .navline > li > a:hover {
background-color: #e9e9e9;
color: rgba(0,0,0,0.05);
text-decoration: none;

.searchform .btn-search {
color: #adadad;
position: absolute;
z-index: 10;
left: 0px;
top: 0px;

Share this post

Link to post
Share on other sites

Can you show me a screenshot of your issue is please, as I am not sure what you're referring to when you mention white, white what ? Also, I recommend you remove all custom CSS, just to make sure this isn't interfering.

Share this post

Link to post
Share on other sites

Hi Danny, i can imagine that with all the hectic of the introduction of dms2 you don't have much time to read further back in a thread but I clearly wrote:


Strangely enough all my text in my navbar was white on a white background. Could be a bug, i didn't find anything in my custom CSS that could make the text of the navbar white. And I had to add some code to make the sides transparent. But all is good now.


Here is a screenshot for my site without custom CSS:


With all custom CSS active except the navbar alterations:


And with all custom CSS active:


As you can see I have the background theme set to 'no background' still the white extends to the sides of the browser window.

And the white text is clearly visible.


Hope this clarifies it.


Best, Jan


PS: and FYI, deactivating custom CSS and plugins are the first thing I do when things malfunction.

Share this post

Link to post
Share on other sites

What are your Site Base Colors configured to in Color & BG ?


What happens when you set the Background to Black Background white text ?

Share this post

Link to post
Share on other sites

Hi Danny, think it's a bug that the text is not black on a white background. I tried it in a clean install with the same results. Maybe you could try yourself to see if it happens with you too. Take the boxed layout.

Share this post

Link to post
Share on other sites

From your image you have selected Black Black white text, you should have select something with Dark Black text?

Share this post

Link to post
Share on other sites
Just followed your instructions. See previous post. Didn't think for myself :-) Will try other option later.

Share this post

Link to post
Share on other sites

Hi Danny,


Strangely enough changing background theme to White Background, Black Text gives the same result also with custom CSS off:


Please test this to see if you have the same results. The edit pop-out also doesn't work in the fixed area in boxed mode so maybe more is bugged.


Thanks, Jan

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? 

    • 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. 

    • NavBar Parent links not clickable
      By greatthingsllc
      I have used the NavBar (Content Width) with blue background color selected.   The Parent Links are not clickable, only the child links.   I have tried with "Activate DropDown on Hoover" both selected and unchecked. 
      Only the NAVI (Content Width) allows the parent links to be clickable, but you can not select a background color.    The background color is a requirement from the end user.