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?

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

  • edited November 2022

    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 :)

Sign In or Register to comment.