Menu content background
Hello I want to apply something like that to my menu items. It will be full colored but I want to change the opacity of it. Hover effects would be nice. Is it possible to do that?
Hello I want to apply something like that to my menu items. It will be full colored but I want to change the opacity of it. Hover effects would be nice. Is it possible to do that?
Comments
Hi,
It should be done by writing a custom CSS code.
I can take a look if I am able to help you with that, but I will need a link to your website.
Best regards
I think I did that but it is not really optimized for mobile version.
And the other question I have is I have a background at the menu, but it is duplicated. So instead of two I just want one of it which is centered at the header. Is it possible to do that? Many thanks..
Here is the website: www.ihyasanatgrup.com.tr
1) I modified your CSS code a little. Please, try it:
#Header_creative .menu-highlight a{ color: #ffffff !important; background: #074323; opacity:0.6; border-color: #074323; border-style: solid; border-width: 1px; border-radius: 15px; border-spacing: 40px; padding: 1px !important; transition: all 0.2s linear; line-height:40px; margin-top:5px; font-size: 18px; font-family: Roboto; font-weight:bold; } #Side_slide .menu-highlight{ color: #ffffff !important; background: #074323; opacity:0.6; border-width: 1px; border-radius: 15px; transition: all 0.2s linear; margin-top:5px; font-size: 18px; font-family: Roboto; font-weight:bold; }2) I cannot see a duplicated image in your header. Did you handle it?
Best regards
Yes, I handled it somehow. Thank you so much for your guide. I'm appreciated :)