Thank you Karina for making it super easy!

After trying so many options and wasting hours on CSS and so many plugins, even activating & deactivating MySticky Menu a few times. I received a mail from the team (Karina Dramova) and second time I thought why not let’s reply the email…

And to my surprise: the issue was resolved in an hour.

Now, I am using

1. Welcome Bar which I was able to add without any trouble.
2. Sticky Menu for Main Menu. Apparently, I was using the wrong ID for the header to make the menu sticky. Not even Karina fixed id issue but helped with on scroll shadow css too.

If anyone else needs the css to add shadow to menu on scroll. Here it is:

Steps are simple to make the menu sticky:

Download the plugin > Activate it > Go to your website on chrome and right click on header > Inspect > Copy Header ID > Go to your plugin settings > Choose Other Class or ID >Paste header ID with # before it i.e. #masthead … if you want to add bottom shadow for menu on scroll use the following css.

#mysticky-nav.wrapfixed .myfixed {
box-shadow: 0px 5px 4px 0px rgba(39, 39, 39, 0.2);
}

Thank you so much Karina ??