× Please always enter the name of the template and the Joomla version and the live URL if available

Dropshadow under navbar

maesmarc
Topic Author
Junior Boarder

Posts: 21
Thank you received: 0

Dropshadow under navbar was created by maesmarc

Hi, I have added a dropshadow under the navbar (custom.css).
This only shows when scrolling the page down.
How can i make the dropshadow visible when the navbar is sticky on the top of the page?

Last edit: 6 years 9 months ago by maesmarc.

6 years 9 months ago #1

Please Log in or Create an account to join the conversation.

joomlaplates
Moderator

Posts: 8776
Thank you received: 1732

Replied by joomlaplates on topic Dropshadow under navbar

Please use the "menu-outer" class instead of "uk-navbar"

.menu-outer {
box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 1);
}

Dokumentation:
www.joomlaplates.de/dokumentation.html

6 years 9 months ago #2

Please Log in or Create an account to join the conversation.

maesmarc
Topic Author
Junior Boarder

Posts: 21
Thank you received: 0

Replied by maesmarc on topic Dropshadow under navbar

Hi, i did try the .menu-outer before but that did not solve it.
I have deleted the "uk-navbar" css from the custom.css now
I have used the ".menu-outer" css now but the result has not changed.
Any other suggestions?

6 years 9 months ago #3

Please Log in or Create an account to join the conversation.

maesmarc
Topic Author
Junior Boarder

Posts: 21
Thank you received: 0

Replied by maesmarc on topic Dropshadow under navbar

Hi again, i did try the .menu-outer before but that did not solve it.
I have deleted the "uk-navbar" css from the custom.css now
I have used the ".menu-outer" css now but the result has not changed.
Any other suggestions?

6 years 9 months ago #4

Please Log in or Create an account to join the conversation.