Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1434621

    Can I get some CSS code for this on desktop and mobile view? thanks

    • This topic was modified 1 month, 3 weeks ago by bemodesign.

    Hey bemodesign,
    I’m not sure what you are trying to achieve, please link to your site and a mockup of what you would like to see.

    Best regards,


    I need a Drop Shadow on the sticky menu Only when people scroll. So no drop shadow when its just sitting there or first opens. Because the main page looks great now, without a drop shadow, but needs it after people start scrolling. Thanks!


    I think you mean box-shadow, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #header:not(.av_header_transparency) #header_main {
    	-moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.75);
    	-webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    	box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.
    Feel free to adjust to suit.

    Best regards,


    Yes! Thank you!


    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Sticky Menu drop Shadow – Only on scroll’ is closed to new replies.