Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 6, 2015 at 9:25 pm #375852
    kimoribj

    Hi!

    I have a contentslider that has 2 rows of text. on mobile devices I would like to have just one text row. How can I do that?

    here is my testsite, the content slider is under the first textsection:

    http://www.kilmo.de/k

    Would be great if someone could help me!

    January 7, 2015 at 2:16 pm #376125
    Yigit

    Hi kimoribj!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
width: 100%;
margin-left: 0;
}}

    Cheers!
    Yigit

    January 7, 2015 at 2:25 pm #376132
    kimoribj

    Thanks!

    Now there is only one row like i wanted. But is it possible to show just one slide for mobile?

    January 7, 2015 at 2:31 pm #376135
    kimoribj

    And there is one more thing:
    some contentsliders i dont want to show on mobil devices…
    I have custom css activated. Would I have to make the contentslider invisible/hide in the @media?

    January 8, 2015 at 4:26 am #376611
    Ismael

    Hi!

    Yes, you can hide the content sliders using media queries. Try to add a custom css class called “hide-mobile” on these sliders then use something like this on Quick CSS:

    @media only screen and (max-width: 767px) {
.hide-mobile {
display: none;
}
}

    You can also create a static image to replace the content slider on mobile.

    Cheers!
    Ismael

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