Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • April 23, 2017 at 3:45 am #781866
    Intell

    Hi!! I found this in another thread, however I do not understand how to make the video show on the slider on mobile phones from what’s on this tutorial.
    HELP!!

    Due to compatibility issues, videos in sliders are disabled on mobile. However you can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and add video element to your page and only display it on mobile

    Best regards,
    Yigit

    Thank you!!

    April 23, 2017 at 8:00 pm #782029
    Mike

    Hey Intell,
    In this method you would place a video element under your slider element and the css would hide the video on all devices but mobile, and the css would show the slider on every device but mobile. If you would like to try this, then build the page and include your url for us to examine.
    Note that auto play does not work on mobile

    Best regards,
    Mike

    • This reply was modified 7 years, 6 months ago by Mike.
    April 24, 2017 at 6:53 am #782167
    Intell

    Thanks Mike,

    I still need help on this.

    I added this:

    “Turn on Custom CSS Class field for all ALB Elements

    December 3, 2013/in CSS Snippets, PHP Snippets /by Devin/Last Updated: April 9, 2014
    Once enabled, the following function adds a new field to each of your Advanced Layout Builder element’s pop up menu.

    First Add this line of PHP to your functions.php file so that the custom class field is enabled:”

    add_theme_support('avia_template_builder_custom_css');

    In the full width easy slider I added this @media only screen and (min-width: 990px) { .only-mobile { display: none !important; }}

    In the video, I added this @media only screen and (max-width: 990px) { .only-desktop { display: none !important; }}

    Nothing changed. Thanks for your help on this.

    I have been wanting to have more mobile friendly images, etc. for a long time. This will be great once I learn how to do it!

    April 25, 2017 at 4:30 am #782621
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

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

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

    Tablet, Laptop, Desktop:
    postimage
    Phone:
    postimage
    Please clear your cache :)

    Best regards,
    Mike

    May 3, 2017 at 1:31 am #786818
    Intell

    Hi,
    That did nothing for me.

    The only thing that comes up on mobile is the backup mobile image.

    Really hoping to get this working properly soon.

    Thanks

    May 3, 2017 at 8:37 pm #787379
    Andy

    Hi,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Andy

    May 3, 2017 at 8:39 pm #787380
    Intell

    Hi Andy,

    I provided all the info, login details to everything already in my original post.

    Can you not see it?

    It’s not easy for me to get that to you again.

    I found it – in my reply.

    • This reply was modified 7 years, 6 months ago by Intell.
    May 5, 2017 at 12:56 pm #788360
    Ismael

    Hi,

    You forgot to add the video element in the page and the custom css class attribute of the slider is invalid. We edited the page and the Quick CSS modifications. (see private field)

    Best regards,
    Ismael

    June 11, 2017 at 8:52 am #806507
    Intell

    Thank you!

    I got everything to work on the real site, BUT now I have a gap on my page below the video on desktop & above on the mobile.

    Can you help?

    All of you are the BEST!

    • This reply was modified 7 years, 4 months ago by Intell.
    June 11, 2017 at 2:25 pm #806569
    Mike

    Hi,
    sorry, I was unable to login, please check :)

    Best regards,
    Mike

    June 11, 2017 at 8:50 pm #806652
    Intell

    Thanks for trying!!

    Looks like I made a boo boo.

    See below

    June 21, 2017 at 5:27 am #810731
    Ismael

    Hi,

    Thank you for the update.

    We moved the video inside a color section. Please remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    July 18, 2017 at 4:58 pm #823414
    soth3d
    This reply has been marked as private.
    July 19, 2017 at 11:37 am #823868
    Rikard

    Hi soth3d,

    Could you try updating the theme to the latest version (4.1.2) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Rikard

    July 19, 2017 at 4:09 pm #824047
    soth3d
    This reply has been marked as private.
    July 23, 2017 at 1:40 am #828528
    Ismael

    Hi,

    Thank you for the info.

    Please note that videos inside the slider are not supported on mobile devices. You have to add a fallback image or display an actual video element. Use the Screen Options panel to toggle the elements’ display properties. This feature is available on version 4.1.

    Best regards,
    Ismael

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