Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 18, 2019 at 3:28 pm #1068401
    Terryf59

    Hey Guys,

    I love my slider image on desktop, but i just can’t get the text to sit right on mobile with the current design.

    How would i go about showing a different image on mobile?

    Regards,
    Terry

    February 18, 2019 at 6:08 pm #1068509
    Jordan Shannon

    Hey Terryf59,

    Add a color section under the slider and add the id fullscreen_slider_0_mobile to it in the element options. Then add the following CSS to Quick CSS under Enfold–>General Styling:

    @media only screen and (min-width: 768px) {
 #fullscreen_slider_0 {
display:block !important;
}
 #fullscreen_slider_0_mobile {
display:none !important;
}
}

@media only screen and (max-width: 767px) {
 #fullscreen_slider_0 {
display:none !important;
}
 #ffullscreen_slider_0_mobile {
display:block !important;
}
}

    Best regards,
    Jordan Shannon

    February 18, 2019 at 6:21 pm #1068523
    Terryf59

    Hey Jordan,

    Sorry, what do your mean by add a colour section?

    February 18, 2019 at 11:52 pm #1068639
    Jordan Shannon

    Hi,

    Add a color section using the layout builder. So the same page where you added the layer slider.

    Best regards,
    Jordan Shannon

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