Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #337142

    Hi Guys,

    I’m currently updating my theme to use a child theme and I can’t get my Mobile style working. I have the following code in the child theme style.css and it’s just not working. This was working perfectly fine in 2.8 which I have upgraded form to the latest version. Any Ideas?

    http://animationink.com.au/major/

    @media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */
    .ls-wp-fullwidth-container{ display: none !important; }
    /* Hide main catorgy image on mobile*/
    .home a.avia_image.avia-builder-el-6.el_before_av_heading.avia-builder-el-first.avia-align-center { display: none; }
    .home a.avia_image.avia-builder-el-10.el_before_av_heading.avia-builder-el-first.avia-align-center { display: none; }
    .home a.avia_image.avia-builder-el-14.el_before_av_heading.avia-builder-el-first.avia-align-center { display: none; }
    .home a.avia_image.avia-builder-el-18.el_before_av_heading.avia-builder-el-first.avia-align-center { display: none; }
    .home a.avia_image.avia-builder-el-22.el_before_av_heading.avia-builder-el-first.avia-align-center { display: none; }
    /* Hide Info News */
    .home div.flex_column.av_two_third.first.avia-builder-el-25 { display: none; }
    /* Hide Info Selection */
    .home div.flex_column.av_one_third.avia-builder-el-28 { display: none; }
    /* Hide Major About */
    .home div.flex_column.av_one_full.first.avia-builder-el-37 { display: none; }
    /* Hide them by default */
    #mobilebuttons{ display: none;}
    #mobilenews{ display: none;}

    /* Show them only on mobile and hide the existing ones */
    #mobilebuttons{ display: block; }
    #mobilenews{ display: block; }
    }

    #338157

    Ant chance someone could help me on this?

    Cheers

    Carl

    #338667

    Hi!

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    #338722
    This reply has been marked as private.
    #338873

    Hi!

    Thank you for using Enfold.

    The selectors like this one for example, .home div.flex_column.av_two_third.first.avia-builder-el-25, are dynamic selectors and might change if you edit anything on the actual page. If you want to target an element, please apply a custom css class on it. Please refer to this link: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Cheers!
    Ismael

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