Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 30, 2015 at 2:19 pm #420423
    dweddell

    Hi

    Is it possible to display a Content Element (e.g. Text Block) only when viewed in small browser screens such as phones or tablets?

    I want to replace a LayerSlide with a Blog Posts when viewed on a mobile or tablet portrait.

    Kind regards

    Duncan

    March 30, 2015 at 9:53 pm #420847
    Elliott

    Hey dweddell!

    Yes that is possible. Try adding this to a codeblock element in your page.

    <style type = "text/css">
@media (max-width:500px) { #layerslider_1 { display:none !important; } }
</style>

    If that’s not working then send us a link to your page and we’ll take a look.

    Best regards,
    Elliott

    April 2, 2015 at 5:47 pm #422650
    dweddell
    This reply has been marked as private.
    April 3, 2015 at 5:42 pm #423185
    Elliott

    Hi!

    You could use our blog posts element beneath the LayerSlider and then change the CSS to this.

    <style type = "text/css">
@media (max-width:500px) { #layerslider_1 { display:none !important; } .template-blog { display: block !important; } }
.template-blog { display: none; }
</style>

    Best regards,
    Elliott

    April 7, 2015 at 1:48 pm #424668
    dweddell

    Hi Elliott

    Thanks again for your help…

    cheers

    Duncan

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Content Element only visible in Tablets and Phones’ is closed to new replies.