Menu content background

ihyas

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?

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ihyas

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

Phil

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ihyas

Yes, I handled it somehow. Thank you so much for your guide. I'm appreciated :)