Small screen device-slider not showing - by Dittemila

This topic has 20 replies, 3 voices, and was last updated 6 years, 6 months ago ago by Rose Tyler

  • Avatar: catrine87
    Dittemila
    Participant
    September 28, 2017 at 12:08

    Hallo. I have added a video to slider revolution.
    The video is not shown on small screen devices -iphone etc. do you know why?
    I also have a pink menu line, it is not either shown on small screens.

    kind regards

    19 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 28, 2017 at 12:45

    Hello,

    1. Please read https://www.themepunch.com/faq/video-not-showing-up-on-mobile/
    2. Check your element settings http://prntscr.com/gqq5jo

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    September 29, 2017 at 11:20

    i have tryed to add it as a layer content, but it show up vowel small and won’t play.

    Can you please help me ?

    I need the video it to manually play on small screen devices.
    And the pink menu line to show on small screen also.

    kind regards

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 3, 2017 at 12:13

    Hello,

    Check the revolution slider documentation
    https://www.themepunch.com/revslider-doc/slider-revolution-documentation/
    These items http://prntscr.com/em5pdm
    Uncheck the Hide options in column settings http://prntscr.com/gsouq0

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    October 3, 2017 at 16:28

    And now it is not working on bigger screen?

    You must have done something to make it stop playing og bigger screen?
    Working on small screen.

    Avatar: catrine87
    Dittemila
    Participant
    October 3, 2017 at 16:37

    Well sometimes ot works, I guess it is my connection.

    I have unchecked the “hide on device” boxes for the pink menu line, but it will not show up on small screen?

    Thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 4, 2017 at 08:56

    I’ve unchecked the options for all columns of the pink row. Please check now.

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    October 4, 2017 at 09:37

    Thank you it now shows on mobile device but not as af row, but beneath each outer.

    How to make it as a row om small devices?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 5, 2017 at 07:54
    Avatar: catrine87
    Dittemila
    Participant
    October 5, 2017 at 13:06

    Yes wery nice video og visual composer.

    And once again visual composer have never been working on my site.

    Now, can you answear my question.
    How can I make the pink line on the mobiledevice, to 1 thin row with 4 columns.

    Similar to the big screen pink information row.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 5, 2017 at 13:25

    Hello,

    Use Responsive settings to adjust the width of the columns on the mobile devices http://prntscr.com/gtkx0d But I think you should understand that there is no place to show all that information in 1 row on mobile device, use 1/2 at least http://prntscr.com/gtkwah

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    October 5, 2017 at 13:30

    Can you please try 1 row. It is supposed to show small.

    Avatar: catrine87
    Dittemila
    Participant
    October 5, 2017 at 13:35

    And the space between the row and the slider, how can I remove it?

    Avatar: catrine87
    Dittemila
    Participant
    October 6, 2017 at 09:41

    I have tried all options under responsive, and no options makes it one row on small device.

    And my new products on frontpage dont have an option to show in 2 coloumns and 3 rows.

    Same problem with my product pages. I cant find a way to change the responsice design, and make products show in 2 columns.

    Do I need to change the theme option-responsive-default size 1200 ?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 6, 2017 at 14:43

    Please check now http://prntscr.com/gu1do7 + http://prntscr.com/gu1ey8 > http://prntscr.com/gu1dgd

    Add this code in custom.css:

    @media only screen and (max-width: 480px) {  
    .products-grid .product {
        width: 50% !important;
    }
    }
    

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    October 6, 2017 at 15:33

    thank you the products are now good.

    but the pink line is still to big and the text need to display horizontal, I know it will be were small.

    Can you try to make the pink line half the size/hight with no text?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 6, 2017 at 15:37

    Is it would be fine http://prntscr.com/gu2ain?

    Regards

    Avatar: catrine87
    Dittemila
    Participant
    October 6, 2017 at 15:39

    Sorry, no logo, no text, only pink line.

    The size/hight is good

    Thank youp

    Avatar: catrine87
    Dittemila
    Participant
    October 6, 2017 at 15:45

    Thank you wery much for your time, I know I am a pain in the ass.

    Enjoy your weekend

    Kind regards

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 6, 2017 at 15:45

    Please check now http://prntscr.com/gu2ekm

    Regards

  • Viewing 20 results - 1 through 20 (of 20 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.