Okay
  Public Ticket #2437192
Drop shadow on Mini menu
Closed

Comments

  • Chris Peaslee started the conversation
    June 11, 2020 at 6:25pm

    I'd like to add a drop shadow to the "Mini" menu so when the page scrolls we can get some depth.  

    Thoughts on how to do this?

    Thx!

  •  1,114
    Max replied
    June 11, 2020 at 6:47pm

    Hi,

    what is your website URL so I can check and assist?


    Thanks,

    Max from the Sonaar.io Crew

  • Chris Peaslee replied
    June 12, 2020 at 2:25pm

    Maxime,

    Unfortunately, due to non-disclosures we're not allowed to show anyone the site until it goes live.

    Below is the Custom CSS i had to add to make this happen, but it would be nice if this was an actual feature.

    /* Add Dropshadow to Mini Menu*/
    .classic-menu.fixed.mini.mini-active, .classic-menu.fixed.mini.mini-fullwidth-active {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }


  •  1,114
    Max replied
    June 12, 2020 at 3:52pm

    Hi Chris,

    Gotcha. I just added an option for the shadow that we will be releasing in the next theme update next week. See screenshot https://d.pr/i/9nwW9s

    That was a good idea.

    Thanks,

    Max from the Sonaar.io Crew