Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 4, 2017 at 1:26 pm #787795
    craigriches

    We have a page with customised tabs using the Enfold FAQ Accordion Element (done by a Codeable developer). We are perfectly happy with this on desktop view. However, we noticed that although the Hover for the mouse changes the colour on an accordion tab, and this colour remains when the tab is clicked to open, and when clicked to close it returns to its standard colour; when interacting on the mobile/tablet display, tapping the accordion tab opens the tab and displays in a lighter colour, but tapping once more to close the tab it keeps the active colour instead of returning to the uniform darker colour of inactive.
    Is there a way to make the second tap to close return the colour to the inactive one, as the desktop view does?
    We are happy how the desktop version works, so we don’t want to effect any changes to that. We just want a similar colour action for mobile and tablet interaction.
    page link in Private Content:

    May 4, 2017 at 4:37 pm #787930
    Victoria

    Hey Craig,

    You can try to remove color change for hover, that gives the color change after the accordion element toggles close.

    
#av_section_2 .toggler:hover {
    background: #AFA00A;
}

    Don’t forget to flush the cache after you’ve done the changes and this also might fix the error that is visible in console.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 4, 2017 at 6:05 pm #787983
    craigriches

    Hi Victoria
    I only want to affect the Mobile View (tapping the screen) NOT the desktop view. Surely this will affect the Desktop view as well?

    May 5, 2017 at 7:06 am #788219
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 767px) {
#av_section_2 .toggler:active {
    background: #AFA00A;
}
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.