Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #888260

    Hi Team Enfold

    We have a challenge changing the background color of a single full width submenu.

    We use the following css to style the submenu:

    .academymenu .av-subnav-menu .current-menu-item .avia-menu-text {
        color: #3c4749 !important;
    }
    .academymenu .av-subnav-menu a {
    color: #b7b7b7 !important;
    font-family: 'Arial' !important;
    font-weight: bold !important;
    font-size: 13px !important;
    }
    .academymenu .av-subnav-menu > li.current-menu-item {
    color: #3c4749 !important;
    border-bottom: 2px solid #3c4749 !important;
    }

    For background styling for the academymenu:

    .academymenu .av-submenu-container {
    	background-color: red !important;
    }

    or

    #academymenu .av-submenu-container {
    	background-color: red !important;
    }

    But we can’t get the above styling to work for academymenu. But the styling works as:
    `av-submenu-container {
    background-color: red !important;
    }

    But that will change the background color for every full width submenu.

    Could you point us towards the right css code?

    #888758

    Hey changegroup,

    I can only see the academymenu class in one item on the page you linked to, the menu just before the Akademi for konsulenter header. Is that the one you are having problem with?

    Best regards,
    Rikard

    #890376

    Hi Rikard

    That is the one. It’s a class for a ‘ full width submenu’. Somehow I can only change background color for every ‘full width submenu’, and not only the one with class ‘academymenu’.

    Do you have a solution?

    Br
    ChangeGroup

    #890460

    Hi ChangeGroup,

    Can you disable caching and minification for now, please?

    Best regards,
    Victoria

    #890527

    Hi Victoria

    We actually want the whole full width submenu to have a background color.
    It’s white now, we want it to be fx. grey.

    Br
    ChangeGroup

    #890700

    Hi,

    Thanks for the feedback, this CSS is working on my end when I check it in the browser:

    .academymenu {
      background-color:#ddd !important;
    }
    
    .academymenu ul li a {
      background-color:#ddd !important;
    }

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.