Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 23, 2015 at 12:22 pm #540686
    andre_clarke

    Hello i am trying to setup an accordian that wont be in accordian setup on a desktop so it will be expanded on a desktop:

    http://prntscr.com/95xkxd

    On a mobile device i would like it to be in an accordian without the green arrows on the side:

    http://prntscr.com/95xkgi

    November 23, 2015 at 1:57 pm #540796
    Yigit

    Hi andre_clarke!

    Please turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then add icon box elements to your page and give them a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) {
.your-custom-class .iconbox_icon {
    display: none;
}}

    Cheers!
    Yigit

    November 23, 2015 at 2:36 pm #540855
    andre_clarke

    I have given the icon box a custom class of “.accordianmobile”.

    I have then put that into the theme options, i am using a child theme does this make a difference?

    Just the changes are having no effect?

    November 26, 2015 at 3:29 pm #543190
    Andy

    Hi!

    then try this code:

    @media only screen and (max-width: 768px) {
.accordianmobile .iconbox_icon {
    display: none;
}}

    Don’t forget to clear browser cache (and/or clear cache plugin) and hard refresh a few times.

    Best regards,
    Andy

    November 26, 2015 at 3:34 pm #543194
    andre_clarke

    Tanks Andy but the client has gone with another designer & i have uninstalled the theme.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Accordian on Mobile & Expanded on Desktop’ is closed to new replies.