Drop shadow on sub menu only desktop/laptop

8 Posts

info72662 posted this 2 weeks ago

Hello,

I managed to create a box shadow in the custom CSS to create the sub menu, but I only want this shadow on desktop and laptop. On tablet and mobile I don't want a shadow in the sub menu. I've been trying to figure something out with @media, but I can't figure it out.

Custom css is:
div.u-nav-popup {
box-shadow: 0 0 6px 0 rgba(51, 51, 51, .25) !important;
}

Ps. It's a shame that this is not a standard option in Nicepage... I use a shadow around the sub menu a lot

Regards,
Michiel

Hello, I managed to create a box shadow in the custom CSS to create the sub menu, but I only want this shadow on desktop and laptop. On tablet and mobile I don't want a shadow in the sub menu. I've been trying to figure something out with @media, but I can't figure it out. Custom css is: div.u-nav-popup { box-shadow: 0 0 6px 0 rgba(51, 51, 51, .25) !important; } Ps. It's a shame that this is not a standard option in Nicepage... I use a shadow around the sub menu a lot Regards, Michiel

shadows

screenshot-2025-01-21-12-33-24.png

Vote to pay developers attention to this features or issue.

3 Replies

Order By: Standard | Newest

Support Team posted this 2 weeks ago

Hello Michiel,

I think this will be useful for you.

div.u-nav-popup {
  box-shadow: none !important;
}

@media screen and (min-width: 941px) {
  div.u-nav-popup {
    box-shadow: 0 0 6px 0 rgba(51, 51, 51, 0.25) !important;
  }
}

Please try to use this.
Please let us know the result.
...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Michiel, I think this will be useful for you. div.u-nav-popup { box-shadow: none !important; } @media screen and (min-width: 941px) { div.u-nav-popup { box-shadow: 0 0 6px 0 rgba(51, 51, 51, 0.25) !important; } } Please try to use this. Please let us know the result. ................................................... Sincerely, George. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

8 Posts

info72662 posted this 2 weeks ago

Aha... i made some @media with max-width.... but this works fine, thanks!

Do you know if Nicepage will soon expand the options to also properly style the sub-menu? The options here are now very limited.

Regards,
Michiel

Aha... i made some @media with max-width.... but this works fine, thanks! Do you know if Nicepage will soon expand the options to also properly style the sub-menu? The options here are now very limited. Regards, Michiel

Support Team posted this 2 weeks ago

Hello Michiel,

We do not know which parts update or improve on the Nicepage releases. But for now, you can see the last releases here, on this link:
https://nicepage.com/doc/c/release-notes

Also if you have any specific questions or want to help with sub-menu, please provide details and I will try to help you.
...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Michiel, We do not know which parts update or improve on the Nicepage releases. But for now, you can see the last releases here, on this link: https://nicepage.com/doc/c/release-notes Also if you have any specific questions or want to help with sub-menu, please provide details and I will try to help you. ................................................... Sincerely, George. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

Drop shadow on sub menu only desktop/laptop

Company

Product

Themes & Templates

Nicepage

Web Design