Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 27, 2016 at 4:20 pm #717447
    lech07

    Hello,

    When using mobile version the text goes on top of the other text and the video doesnt play in the background.
    Please assist to correct the text and be able for users to click and start the video or if the video can autostart by it self, thanks.

    see private content.

    November 27, 2016 at 11:00 pm #717518
    Basilis

    Hey lech07!

    Please provide us a link of your web site, with backend access.

    Thanks a lot

    Cheers!
    Basilis

    December 7, 2016 at 6:29 pm #721643
    lech07

    see private content.

    December 11, 2016 at 6:08 am #722776
    Ismael

    Hi,

    I’m sorry but you forgot the link or url to the site. Please provide that info in the private field. Did you add any css modifications?

    Best regards,
    Ismael

    December 12, 2016 at 11:21 pm #723436
    lech07

    i have added the link in private content.
    No as I can recall i didnt add anything for this.

    December 14, 2016 at 8:33 pm #724516
    Andy

    Hi,

    use this code inside Quick CSS field:

    @media only screen and (max-width: 767px) {
.avia_textblock {
line-height: 37px;
}
h1 {
line-height: 60px;
}}

    and adjust as needed.

    Autoplay for video is not possible on mobile due to restrictions of the vendors of those devices. You can use a video element instead for mobile.

    Best regards,
    Andy

    December 15, 2016 at 4:20 pm #724889
    lech07

    thanks alot.

    Can you specify regarding the video element for mobile?

    December 16, 2016 at 12:31 pm #725276
    Andy

    Hi,

    at first you can do this: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    and then you can hide specific elements on mobile using media queries.

    Best regards,
    Andy

    December 21, 2016 at 2:58 pm #727052
    lech07

    ok. So what is your suggestions, please elaborate.

    What do I need to hide? I just want the video to play on tablet´s and mobile devices when they tap.
    How can I do this?

    I have already “custom css class” enabled in color section where the video is.
    Can you give some examples/the code what to do to make the video play in tablet´s /mobile phones?

    thanks in advanced.

    December 23, 2016 at 7:46 pm #728029
    Andy

    Hi,

    from ALB use a Video Element. Use a custom css class like “video” for example. Then use this code to hide the Video element on desktop:

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

    Hope this makes things clear for you.

    Best regards,
    Andy

    January 2, 2017 at 1:37 pm #728528
    lech07

    and ALB is?

    We are getting closer but no, it is not very clear for me.

    How do I do this, can you make a guide or fix it for me if it´s easy for you?

    January 2, 2017 at 2:01 pm #728553
    Andy

    Hi,

    ALB = Avia Layout Builder

    Check out this guide and follow the instructions: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Andy

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