Could you help me out with my mobile menu? On the mobile screen it is semi-transparent on the homepage, and on other pages it is dark-blue and a small bottom-line also semi-transparent.. So now I have a few questions:
1. How can I make the menu semi-transparent, but for 80% filled? In the same blue color as on the laptop-version?
2. How can I make the mobile menu sticky?
3. Can I use a different logo for the mobile menu? My logo is very wide, so I would like to change it, to a different kind!
4. How can I change the background color of the menu, once opened? Now it is dark-grey, would like to make it different, mabye semi transparent too?
Hi there!
Could you help me out with my mobile menu? On the mobile screen it is semi-transparent on the homepage, and on other pages it is dark-blue and a small bottom-line also semi-transparent.. So now I have a few questions:
1. How can I make the menu semi-transparent, but for 80% filled? In the same blue color as on the laptop-version?
2. How can I make the mobile menu sticky?
3. Can I use a different logo for the mobile menu? My logo is very wide, so I would like to change it, to a different kind!
4. How can I change the background color of the menu, once opened? Now it is dark-grey, would like to make it different, mabye semi transparent too?
Thanks in advance!! Cheers :)
Hey ,
1:Making it transparent wont work as there is no image behind it.
2: Sticky menu should be avoided as it is known to not work on all browsers .
3: You could change the logo with css but we have no replacement for retina screens.
4:Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
div#mobile-menu { background-color: rgba(38, 84, 109, 1) !important; }
Thanks
ThemeNectar Support Team
Okay, super, thanks!