Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 23, 2016 at 6:37 pm #652672
    mosaic

    I have a colour section with a video background, but obviously video backgrounds don’t work on mobiles. So, is there a way that when viewed on mobiles, the colour section is hidden, and replaced by a layer slider?

    June 23, 2016 at 6:50 pm #652675
    Jordan

    Hey kieranvyas,

    In order to achieve that ; you should give an “id” or “class” to your elements.
    See – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Just an example :
    Color section (Give a class : desktop)
    > Put the elements that you want to show only on desktop
    Layer Slider (Give another class : mobile)
    > Put other elements that you want to show only on mobile

    In the css style :

    /*HIDE ON DESKTOP*/
#mobile {display: none !important;}

@media only screen and (max-width: 767px) {
/*HIDE ON MOBILE*/
#desktop {display: none !important;}
/*SHOW ON MOBIL*/
#mobile {display: block !important;}
}

    Best regards,
    Jordan

    June 24, 2016 at 10:29 am #652958
    mosaic

    Thank you! Perfect

    • This reply was modified 9 years, 4 months ago by mosaic.
    June 25, 2016 at 7:27 am #653275
    Rikard

    Hi,

    Glad we could help :-)

    Best regards,
    Rikard

    August 4, 2016 at 4:19 pm #668630
    simog72

    hi, please help if posssible

    i followed same process:
    – first i activated the ALB
    – i gave a name “ktf-darkborder ” to custom css , in the coloured section i want to hide in mobile view
    – i included this CSS in “quick CSS” field :

    #top .ktf-darkborder {
    border: 11px solid #333;
    /*HIDE ON DESKTOP*/
    #mobile {display: none !important;}
    @media only screen and (max-width: 767px) {/*HIDE ON MOBILE*/#desktop {display: none !important;}}
    }
    Unfortunatly the result show only the sction with border , but do not hide the section in case of mobile phone navigation

    what’s the mistake ido in code?
    thank you for your support
    Simone

    • This reply was modified 9 years, 3 months ago by simog72.
    August 4, 2016 at 4:24 pm #668635
    simog72

    i uderstood now ithat the case was very different

    my case is more easy..

    i have a coloured section i want this section to be hide during mobile navigation

    can you hlep me ?

    sorry for my misunderstand

    thank you
    Simone

    August 4, 2016 at 4:33 pm #668645
    simog72

    i solved using explanation present on this link

    Turn on Custom CSS Class field for all ALB Elements

    sorry for disturb you
    Simone

    August 5, 2016 at 7:26 am #668861
    Rikard

    Hi Simone,

    Great, glad you got it working :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to have colour section hide and layerslider display when viewed on mobiles?’ is closed to new replies.