Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 10, 2017 at 11:07 am #745317
    hsiegmund

    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.

    February 12, 2017 at 7:50 am #745878
    Rikard

    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

    February 13, 2017 at 12:23 pm #746339
    hsiegmund

    ok, thanks I added a provate message

    February 17, 2017 at 10:09 am #748305
    Vinay

    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

    February 17, 2017 at 2:54 pm #748470
    hsiegmund

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

    February 22, 2017 at 10:39 am #750377
    Nikko

    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

    February 22, 2017 at 11:12 am #750397
    hsiegmund

    Great! It works perfectly. Thank you

    February 23, 2017 at 6:43 am #750825
    Rikard

    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

    February 23, 2017 at 11:28 am #750892
    hsiegmund

    thanks, you can close the topic

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