[P SParticipant]

Hi There,

1.I would like to have a transparent navbar and heder superimposed over the Slider at the top of my homepage. This pages initial Navbar’s state is an example of what I mean : http://poolhousedigital.com/

2. How do remove the shadow in the topbar? I have tried:

.x-topbar {
box-shadow: none;
border: none;
}

3. Is there anyway to ‘lock’ the topbar above the Navbar at the top of my page?

Kind thanks appreciating the amazingness put into X!!

[P SParticipant]

Furthermore.. Is it possible to mirror the same effect at http://poolhousedigital.com/ where the initial state of the Nav Bar and Topbar are completely transparent whilst superimposed over the header. Then after scrolling down until the Navbar and topBar ‘lock’ to the top of the page the colour then changes to that translucent grey?

[SupportMember]

Hi P S,

Have you tried visiting our Knowledge Base? You can find a lot of information and tutorial there, specially the one that you are looking for, try the Slider resource video. It explains there how you can achieve the effect similar to the site you mentioned. As for the grey translucent background, yes you can do that but you’ll need some javascript to attain that.

Thanks!

[P SParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Sorry but can’t find anything at your site. It is currently on maintenance and I would like to check your setup first before suggesting some codes.

For the mean time :

1. You could set your header transparency at Customizer > {YOUR STACK} > Enable Topbar Transparency / Enable Navbar Transparency.

2. This should remove your box shadow.

.x-topbar, .x-navbar {
border:0px!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}

3. Yes, via template editing and I’m not sure what effect it may cause. By default, X utilize menu navbar for fixed scrolling with less height.

Hope this helps.

[scottstoneParticipant]

I used these child theme edits to make my top bar static with my navbar but now my logo and menu items have gone full width and I cannot fix with css. Will you please take a look at: http://dev-ingomoney-wp.pantheon.io/

Wrong thread

[LelyModerator]

Hello Scott,

No problem. I also see that it is ok now Feel free to post if you still have questions.

[Author]

Posts