• 0
Sign in to follow this  
Followers 0

A little help with the new NavBar feature in 2.2

Question

Posted · Report post

Hello, Just activated the navbar feature in 2.2, however, I ran into a couple of problems. 1.) the Fixed nav background doesn't span the entire width of the browser or become liquid. 2.) the standard nav doesn't stick below the fixed nav when scrolling per example. Anyone else run into these problems? Tuan

Share this post


Link to post
Share on other sites

7 answers to this question

  • 0

Posted · Report post

Hmmm, on the first, it seems it's not picking up a CSS (pl-color-black-trans)class. Can you try saving your settings, randomly? Saving anywhere works. Also, do you by chance have any caching plugins or anything? #2 The standard nav doesn't stick by design when scrolling. Nick

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I have W3 Total Cache plugin installed, tried clearing the cache without any luck. Also, tried changing the colors of the navbar and nothing changes except a faint border.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Its container spans the entire width but not the inner content, so it's the inner content that will need adjustment. Are you currently using any other CSS code? If so, what is it?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I had some custom css in the pagelines customize plugin, however. I removed all of it but no change. I've also deactivated all the plugins to see what would happen. The navbar turns clear with just the shadows of the text displaying.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Adding this CSS will make the entire navigation container background black: [code]section.container.no_clone.section-navbar.fixed-top.fix {background-color: #000;}[/code] When the background color is added, the inner content's subtle gradient background is more noticeable. Do you want this background to be removed and then used to replace the black overall background color?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I placed the css code in and can see what you're talking about. The gradient background is just floating there above a black background, which doesn't look very nice. I was hoping to get the same look as the pagelines navbar above. Also, I'm trying to make the navbar as small as possible in terms of height.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Tuanma, This is most likely caused by a plug-in your issue with the full width fixed nav. Please disable all active plug-ins, this includes W3 Total Cache and see if this resolves the issue.

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  
Followers 0