Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #745317

    Hello,

    I´m using a avia submenu and changed the background of the button:

    #top #wrap_all .main_color .av-menu-button-colored > a .avia-menu-text {
    background-color: #ff6600;
    }

    If you click on a menu button (Site A) you will get on a new Site (Site B).
    This new site (B) has a copy of the submenu.
    On site(B) the button with the name of the button that was clicked on Site A should get another background.
    Example:

    Site A: Menu: product A / product B / product C
    Site A: Click on product B
    Site B: Menu: product A / product B / product C
    I would like to change the background of the button from product B

    I think the pseudoclasses can´t help because on the menu of Site B was not yet clicked or hoverd

    Can you help?

    Maybe I can send you the access to the side in a private Message.

    #745878

    Hey hsiegmund,

    Please post access details in the Private Content part of your reply so that we can have a closer look.

    Best regards,
    Rikard

    #746339

    ok, thanks I added a provate message

    #748305

    Hi,

    If you click a menu button on site A it’s color can be changed only on Site A. We are happy to help you if you like to change the background color of the active menu item. Let us know.

    However I’m sorry to say that it’s complicated to recognise which button was clicked on Site A from Site B You will need to hire a freelancer to get this done.

    Best regards,
    Vinay

    #748470

    Hello, yes, I would like to change the background color of the active menu button.

    #750377

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top.page-id-1131 #wrap_all .av-subnav-menu .av-menu-button-colored.menu-item-top-level-1 > a .avia-menu-text,
    #top.page-id-1177 #wrap_all .av-subnav-menu .av-menu-button-colored.menu-item-top-level-2 > a .avia-menu-text,
    #top.page-id-1181 #wrap_all .av-subnav-menu .av-menu-button-colored.menu-item-top-level-3 > a .avia-menu-text,
    #top.page-id-1188 #wrap_all .av-subnav-menu .av-menu-button-colored.menu-item-top-level-4 > a .avia-menu-text {
        background-color: #ccc;
    }

    Just adjust the background color as you see fit. Hope this helps :)

    Best regards,
    Nikko

    #750397

    Great! It works perfectly. Thank you

    #750825

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #750892

    thanks, you can close the topic

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Avia Menu Button colored’ is closed to new replies.