Okay
  Public Ticket #2385186
Different Content for mobile
Closed

Comments

  • Bradley started the conversation

    Hello,

    On my homepage I have a Embedded video background, Is there any way I can have a separate video for mobile?

    Thank you

  •  8,884
    Tahir replied

    Hey Again,

    You seem to be using the Page Header Element on the homepage which does not have that particular option.

    However you can add the Video as a Column Background and then Show/Hide it using the Page Builder Responsive Options. 

    Thanks 


    ThemeNectar Support Team 

  • Bradley replied

    Hello,

    I can get a fullscreen video as intended, but when I put the Show/Hide on it doesn't affect the row, when I put the video into the coulomb then it turns into a little box instead of full page.

    Then when I hide the box it still has a white space where the desktop version is as opposed to the mobile row jumping up and being fullscreen.

    http://kayodecreative.com/homepage/

    Thanks

  •  8,884
    Tahir replied


    Please have a look at this Article :Hiding Rows on Mobile / Desktop in Visual Composer .

    Thanks


    ThemeNectar Support Team 

  • Bradley replied

    Hi, Thanks That thats brilliant.

    Just one issue: When you turn the phone landscape it doesn't display correctly and when you turn it back to portrait its even worse (please see attachments).


    Thank you

  •  8,884
    Tahir replied

    Hey Again,

    I am afraid these css classes wont work with Video as the Video gets resized using JS code  and since its not visible when the page loads it does not get layed out correctly. Try using the Column Responsive Options instead and check .

    Thanks 


    ThemeNectar Support Team 

  • Bradley replied

    Hi,

    Ok is there a way around this by stoping it from being used landscape, forcing it into portrait only?

    This isn't the main issue though.


    I think the main issue is that the video size isn't fitting to the screen e.g. when its viewed on a long phone it has a white gap on the bottom and when its on a short phone it has gaps either side.


    Thanks again.

  •  8,884
    Tahir replied

    Hey Again, Hope you had a Safe Weekend, 

    Unfortunately there is no such option available to show the Whole Video on all screens without cropping it . 

    Try adding the Video Player Page Element  so it resizes proportionally. 

    Thanks 



    ThemeNectar Support Team 

  • Bradley replied

    Hi, I hope you also had a safe weekend,


    I cant put it in the video Player page element because it only allows you to use a web link and I have an mp4 in media.

    So there is a way to show the 2 videos with cropping the portrait one to suit all phones?


    Thanks 

  •  8,884
    Tahir replied

    Hey Again,

    Try using the Self Hosted Video Player:  .

    3905288443.png

    Thanks 


    ThemeNectar Support Team 

  • Bradley replied

    Hi again,

    Where is that option for the 'self hosted video player' it just doesn't come up when I type it in?


    Thank you.

  •  8,884
    Tahir replied

    Hey Again,

    Please update to Salient Theme Version 12.1.0 and Salient WPBakery Page Builder 6.2 to get the new features . 

    To get a list of Bug Fixes and new Feature addons in the Latest Theme update,  the changelog can be viewed here : http://themenectar.com/changelogs/salient.html .

    Update the theme by following this guide: http://themenectar.com/docs/salient/important-salient-update-for-new-envato-requirements/ and http://themenectar.com/docs/salient/updating-salient/

    Best.


    ThemeNectar Support Team