How to make the fixed navbar be on the first section?

[Leonardo da Vinci+ 3]

Hi guys 

 

How to make the fixed navbar be on the first section not take a space in top of the first section 

I have a Transparent navbar and I'd like to be on the first section and not to takes a space ti top of the first section 

 

Thanks 

 

[Danny+ 1,327]

Hi,

 

I apologise, but I am not entirely sure what you mean, can you go into greater detail and/or provide some screenshots please.

[Leonardo da Vinci+ 3]

Hi

 

Sorry , please can you have a look on my site  http://amaiib-iraq.com/home/

[greenfly 230]

HellO Lonardo - could you please provide a sketch of how you want this to appear - it is unclear from your description exactly what you are trying to achieve. If you could put some arrows and annotations on it so we can grasp what you are trying to achieve. 

[Leonardo da Vinci+ 3]

Thanks

What I want to do is when i scroll up to the top of the site the navbar got unlike color but when scroll down one scroll the nav bar be Transparent .

thanks

[Leonardo da Vinci+ 3]

when i scroll up to the top of the site the navbar got unlike color 

https://www.dropbox.com/s/7424ouzjxx48b70/nav1.jpg

 

I want the site like this ,https://www.dropbox.com/s/sp8mpiewykaehbu/nav2.jpg

 

my site  http://amaiib-iraq.com/home/

 

Thanks 

[greenfly 230]

Have you tried any custom CSS to achieve this? could you give us an example of the code you have tried? 

[Leonardo da Vinci+ 3]

.navbar.pl-color-black-trans {

  background-color:rgba(0, 0, 0, 0.498039);

  background-position:initial initial;

  background-repeat:initial initial;

  border-top-color:rgba(0, 0, 0, 0.901961);

  border-top-style:solid;

  border-top-width:1px;

}

[James B 436]

From reading your initial post it sounds like you want the image to go right under the nav at the top of the page, so the gap is removed. So the navbar goes over the picture straight away. If that is the case, try the below code to remove the space.

 

.fixed-top-pusher {

    height: 0;

}

[Leonardo da Vinci+ 3]

Thanks a lot James 

 

It's working on firebug only ,but when I put the code in Custom LESS/CSS in DMS , ther is nothing 

please may help 

Thanks

[James B 436]

Do you mean the code was vanishing from the css/less editor? Try putting in to the fallback editor in the wp admin area.

 

Go to wp admin>Pagelines>css/less fallback and enter the css in there and save. Then check to see if the changes show.

 

If still not working but the css is saving, try adding !important to force it.

 

.fixed-top-pusher {

    height: 0 !important;

}

[Leonardo da Vinci+ 3]

All of these ways not working but I forget to tell you the the image is RevSlider , please can you check my site , please send me your email to make you an admin.

 

Thanks 

[Danny+ 1,327]

HI,

 

Use the following code, this should resolve the issue.

 

.fixed-top-pusher {

height: 0px !important;

}

[Leonardo da Vinci+ 3]

Thanks a lot for you James & Danny 

 

It's working now

 

Thanks again

[Danny+ 1,327]

No problem.

[Leonardo da Vinci+ 3]

Hey guys 

 

I recently upgrade from DMS 1.1.8 to DMS 2.1.3, every things cool but I have an issue with the navbar, It returns not working as it before with DMS 1.1.8 . 

Please may you help me with this :)

[Danny+ 1,327]

Please create a new topic as this topics question has already been resolved.