Docs

[SPACECOWB0Y]

I would like to add a style change to my navbar menu so that the text has drop shadow. Something like this:

text-shadow: 1px 1px 1px rgba(0,0,0,1);

I will need it to work in the pull down section for Shop as well so that the text shows up.

My website is hadassahjewellery.com

Great theme by the way. Thanks X! 🙂

[Nico]

Hi There,

Thanks for writing in.

To add shadow to your texts, add this in your customizer’s custom CSS:

.x-navbar .desktop .x-nav > li > a > span {
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
}

Hope it helps.

Let us know how it goes.
Thanks.

[SPACECOWB0Y]

It added it to the main navbar but not to the dropdown menu. How can we get the dropshadow on the text there?

[Lely]

Hi There,

Please also add the following CSS:

.x-navbar .desktop .sub-menu a >span {
    text-shadow: 1px 1px 1px rgba(0,0,0,1);
}

Hope this helps.

[SPACECOWB0Y]

That did it! Thanks.

One more question 🙂

Can you help me change the background of the submenu to a light grey? I tried the code below in the css but it just changed the color behind the text and not the submenu box.

.x-navbar .desktop .sub-menu a >span {
background-color: #D3D3D3;
}

[SPACECOWB0Y]

That did it! Thanks.

One more question 🙂

Can you help me change the background of the submenu to a light grey? I tried the code below in the css but it just changed the color behind the text and not the submenu box.

.x-navbar .desktop .sub-menu a >span {
background-color: #D3D3D3;
}

[Thai]

Hi There,

Please try with this CSS instead:

.x-navbar .desktop .sub-menu {
    background-color: #D3D3D3
}

Hope it helps 🙂

[SPACECOWB0Y]

Thanks! Yall are very helpful.

[Lely]

You’re welcome!

Always,
X

[SPACECOWB0Y]

Is it possible to move the submenu down so that when you hover on the menu item the submenu appears just below it?

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

body .x-navbar .desktop .x-nav > li ul {
    top: 170px;
}

Hope that helps.

[SPACECOWB0Y]

That is fantastic. Thank you!

[Joao]

Great to hear it.

Let us know if we can help you with anything else.

Joao

[SPACECOWB0Y]

Thanks Joao,

2 quick things.

We have changed fonts in our navbar and I have noticed that the menu items with drop down menus have moved down so that they are lower than the other menu items. How can I fix that?

And is there a way to change the font in the sub menus to the same font as the navbar font but only the sub menus?

Thanks again!

[John Ezra]

Hi there,

Thanks for updating the thread! To assist you with this issue, would you mind providing us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything. Thanks!

[Author]

Posts