Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 29, 2015 at 10:39 pm #527182
    JuldanInc

    Hello,

    On my tablet (apple mini), one of my icons with a longer caption (Restoration) shifts to the right (set to be centered) causing it to run into the caption beside it, or if on the very right, to shift to close to the edge of the screen.
    On my phone and desktop the caption remains center.

    Any help would be great!

    Thanks

    October 31, 2015 at 5:07 am #527842
    Ismael

    Hi JuldanInc!

    Thank you for using Enfold.

    Decrease the font size on smaller screens:

    @media only screen and (max-width: 767px) {
span.av_icon_caption.av-special-font {
    font-size: 15px;
}
}

    Remove browser cache then reload the page.

    Cheers!
    Ismael

    November 3, 2015 at 5:31 pm #529492
    JuldanInc

    Ok thank you,
    I have seem to got that section working.

    I have run into another issue…

    I have tried to add a full width video with the fullwidth easy slider and by adding it to the background of a color section.
    Both will not play the video on tablet or mobile view.
    What is the best way to achieve a full width video that also plays on mobile devices?

    November 4, 2015 at 8:41 am #529787
    Rikard

    Hi,

    Auto-play is disabled on mobile devices due to restrictions by device manufacturers as well as possible roaming rates for users, but you can set a fallback image for the color section.

    Thanks,
    Rikard

    November 4, 2015 at 3:10 pm #530054
    JuldanInc

    If you look at what is currently there , the video appears with a play button. But when you press play nothing happens.
    I don’t need to it to play automatically but i would like the mobile users to be able to play the video or at very least have it linked to youtube and have it play there.

    Any suggestions on how to configure this?

    November 5, 2015 at 7:21 pm #531129
    Andy

    Hey!

    you can add a video element to your site which you can hide for desktop and show it only on mobile devices. To do so activate debug mode and give the video element in question a unique css class. Then use something like this in Quick CSS field:

    @media only screen and (min-width: 1200px) {
.my-video-element {
display: none;
}}

    Best regards,
    Andy

    • This reply was modified 9 years, 8 months ago by Andy.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.