Shadow line under the menu

Hello there, can you please help me to insert a fine shadow line right under the menu bar, to separate it from the subsequent section?

I have applied a code that I saw in another reply,
.x-navbar-fixed-top {
-webkit-box-shadow: -1px 4px 3px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 4px 3px -3px rgba(0,0,0,0.75);
box-shadow: -1px 4px 3px -3px rgba(0,0,0,0.75);
}

But I want it to show also when I am not scrolling down. if you open the home page it appear like in the screenshot, but I want the shadow to show also there.

is it possible?
thanks a lot
Isa

Hi Isa,

You are adding the box shadow on a class that is not always there. x-navbar-fixed-top class was only added if the navigation is fixed top. So please change it to use the x-navbar default class of the menu. See this :https://screencast-o-matic.com/watch/cYfui5AWpR

Hope this helps.

1 Like

Great thanks a lot. resolved it :slight_smile:

You’re most welcome, Isa.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.