Header

knm206 · March 2019

On all of the pages except the homepage, I want the header to be white, fixed at the top, and no shadow at the bottom of the header. How can I do this?

Example page: http://ngg.keyurmaru.com/about-us/

Right now when you scroll the header turns transparent, I want it to stay solid

knm206 · March 2019

also can I decrease the height of the header?

Pablo · March 2019

Hi,

The height of the header depends of the content inside of it.

In your case, the vertical padding value can be too high, so to decrease that please go to the Theme Options > Global > Logo and change that value.

http://prntscr.com/my7lnd

To make your sticky header not-transparent, please paste this CSS into Theme Options > Custom CSS & JS > CSS:

#Top_bar.is-sticky{
	opacity:1 !important;
}

Thanks

knm206 · March 2019

Thanks, that worked, how can I remove the shadow at the bottom of the header?

Also on mobile how can I make the sticky header fixed to the top and white?

knm206 · March 2019

Also is it possible to make the main header white as well on all the pages except the home page? Right now you'll see when you scroll on this page: http://ngg.keyurmaru.com/portfolio-item/elementor-92/

The main header is transparent still, it turns white when the sticky header turns on.

I made a new layout but cant see the setting on the layout page to accomplish this.

Pablo · March 2019

1) Paste this CSS:

.header-fixed #Top_bar{
	box-shadow:unset !important;
}

2) You would have to create the separate layout for the homepage.

http://prntscr.com/mzfexl

And to attach it on the main page, just edit it and scroll to the "Page Options"

http://prntscr.com/mzffc6

Thanks

knm206 · March 2019

Thanks!

Header

Comments