Is there a way to make the mobile menu have a gradient or shadow underneath? I’ve attached a picture of what the shadow looks like on the desktop site. The mobile menu doesn’t have any shadow or line so it’s hard to distinguish where it ends and the content begins.
Thanks
Anyone know if this is possible?
Hello thepeel,
Unfortunately, our theme does not have any such an option that allows you to make this, sorry! As you can see, our mobile menu has been compacted to be displayed in hamburger menu to rate well on mobile devices. If you want to display more levels in our theme and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for your understanding!
Ok thanks I know I need to use a drop shadow with the following code.
div {
box-shadow: 10px 10px 5px #888888;
}
But what <div> element is the mobile menu. I tried .td-header-top-menu and it didn’t work.
Thanks
You can try it like so:
http://screencast.com/t/oAYWu4O41t
#td-header-menu{
box-shadow: 10px 10px 5px #888888;
}
Thanks
