Drop shadow on sub menu only desktop/laptop

info72662
10 Posts
info72662 posted this 21 January 2025
Ask a Question

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
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 21 January 2025

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
info72662
10 Posts
info72662 posted this 22 January 2025

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
Support Team posted this 22 January 2025

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
You must log in or register to leave comments