Parallax video not displaying on mobile

Home Forums Jevelin Theme Parallax video not displaying on mobile

Home Forums Jevelin Theme Parallax video not displaying on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • SimplySurreal
    Participant

    I have a video displaying as a parallax background on my home page;
    https://simplysurreal.org/

    It is not displaying on mobile.  Jevelin theme, WordPress and all my plugsins are updated.

    I found this issue in a forum topic and have troubleshooter what was said there and it still has not worked.  I went to admin theme settings > Custom Code > CSS code and entered:

    #jarallax-container-0 #VideoWorker-0 {
        left: auto !important;
    }
    
    

    I have been working on this for hours and tried every combination of settings and troubleshooting that I could.  Please let me know how I can fix this.  Thank you!

    Thanks,
    -Donald

    Hi Donald,

     

    I hope you are well today and thank you for your question.

     

    I could confirm the issue on your shared website.

     

    This can be due to plugin conflict on your site so please try temporarily deactivating all plugins except Unyson plugin and WpBakery page builder plugins and see whether everything works fine and then enable the plugins one by one to see which plugin is conflicting if any.

     

    Best regards,
    Shufflehound team

    SimplySurreal
    Participant

    Thank you for the quick response.  I have deactivated all the plugins as you said and still have the same issue.  I’ve attached a file that shows all the plugins I have and which ones I’ve deactivated.  Additionally, I have already removed all past themes so Jevelin is the only one.

    Attachments:
    You must be logged in to view attached files.

    You can display it on mobile by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #page-container .vc_video-bg.vc_hidden-xs {
        display: block !important;
    }

    SimplySurreal
    Participant

    Great, we’re almost there!  That allowed it to display on mobile, but only as a still image.  There’s a play button but it is inaccessible.  Even after removing the text element, the play button does nothing.

    How can I have the video autoplay on all devices as it does on desktop?

    Attachments:
    You must be logged in to view attached files.

    Actually, this is how the background video of WpBakery page builder row works and does not display & play automatically which is also described in the below reply.

     

    https://mikado.ticksy.com/ticket/1796758/#comment-9106582

Viewing 6 posts - 1 through 6 (of 6 total)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form