Slider revolution weird small white gap at the right edge of the header

Home Forums Jevelin Theme Slider revolution weird small white gap at the right edge of the header

Home Forums Jevelin Theme Slider revolution weird small white gap at the right edge of the header

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    RESOLVED Posts
  • Tana
    Participant

    Hi there,

     

    I’ve found a small white gap at the right edge of my website header, but don’t know how to fix it so that the header is full-width. I attached a photo with this post as well.

     

    Also, I noticed that on iOS and Safari, after I hit the “View the video to see how” button, the video starts playing with the muted sound. I had to unmuted to hear. Is this some sort of Apple standard setup? On Chrome, the same video starts playing with the sound on. Is there a way to make the video start playing with sound on Safari and iOS?

     

    Lastly, I found that the video I mentioned above is a bit taller than the screen itself (on my laptop at least), is there a way make it fit on the screen? It is a bad UX that the video sound was off and the video sound control panel is below the bottom edge of the screen. The audiences would not know it was there unless they scroll up a bit.

     

    Please let me know when you have a chance. Thanks for your help in advance 🙂

    Cheers,

    Tana

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

    Hi Tana,

     

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

     

    I’ve found a small white gap at the right edge of my website header, but don’t know how to fix it so that the header is full-width. I attached a photo with this post as well.

    I don’t see it on your shared site.

     

    Is it happening for you on any specific browser?

     

    Could you please test it using different browser?

     

    Also, I noticed that on iOS and Safari, after I hit the “View the video to see how” button, the video starts playing with the muted sound. I had to unmuted to hear. Is this some sort of Apple standard setup? On Chrome, the same video starts playing with the sound on. Is there a way to make the video start playing with sound on Safari and iOS?

    Yes it seems caused by new IOS policies as described in the following pages.

     

    https://webkit.org/blog/6784/new-video-policies-for-ios/

    https://stackoverflow.com/questions/46745684/muted-autoplay-videos-stop-playing-in-safari-11-0

     

    Lastly, I found that the video I mentioned above is a bit taller than the screen itself (on my laptop at least), is there a way make it fit on the screen? It is a bad UX that the video sound was off and the video sound control panel is below the bottom edge of the screen. The audiences would not know it was there unless they scroll up a bit.

    You can resize it as described in the following pages.

     

    https://www.themepunch.com/revslider-doc/video-layers/

     

    Best regards,
    Shufflehound team

    Tana
    Participant

    Hi there,

    Thank you so much for your reply. I tested it on Chrome, Safari, iOS safari, and mobile Chrome. All of them has the same white gap. Please see the attached photos.

     

    The first one is a portrait format on my iphone. The second is the landscape format on my iphone. The third and fourth are on my laptop.

     

    On the laptop, the full-screen mode looks great. But when I try to resize the browser down a bit more, the white gap starts to show. It also happen the same way when I tried the responsive layout on Yellow Pencil.

     

    And image 4 just to confirm that the Jevelin slide should go to edge without a white gap when resizing down the browser frame.

     

    Can you please take a look and let me know how I can fix this?

     

    Cheers,

    Tana

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

    jive
    Participant

    Slider Revolution- so there is an updated version

    BUT I have no way of upgrading because it came bundled with your theme.

    shuffle hound – owners of SR

    say I have to pay 25 bucks to register & get code

     

    What happens to oyur theme if I deactivate

    Slider Revolution ?

     

     

    – Premium responsive slider
    Version 5.4.5.2 | By ThemePunch | Visit plugin site

    Activate Slider Revolution for Premium Benefits (e.g. Live Updates).
    A new version of Slider Revolution is available.

    https://revolution.themepunch.com/direct-customer-benefits/

     

     

    jive
    Participant

    sorry I said you own SR

    I meant  Theme Punch

     

     

     

    Tana
    Participant

    Hello Shufflehound support,

     

    Thanks for your reply, I do not think that it’s a browser specific issue because that same browser works perfectly when I open your Jevelin website. I’ve reattached image 4 from the previous post again to show you. Both my website header and Jevelin site header use Slider Revolution. So if it’s a browser specific, then it should show the same white gap when open the Jevelin site as well. Would you please let me what is the specific thing you do on the Jevelin header on your site that I may have missed.

     

    Per @Jive post. It prompted me to check my plug-in. And it looks like the slider I have is not the latest version. However, when I check the plug-in update page, there is no Slider Revolution available. (See attached photos)

     

    Is it true (Per @Jive) that I have to pay to update to the latest Slider Revolution? I only bought this theme for about a month. Should the upgrade support last longer than a month or so? Please clarify.

     

    Cheers,

    Tana Kosiyabong

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

    Tana
    Participant

    Hi again,

    First, I think I found the source of the white gap. It has something to do with cache. Once I clear it with a cache plug-in, the header is no longer has that white gap.

     

    Regarding the issue I previously post on this thread  (play/voice control panel went too far below the bottom edge of the screen), I tried to fix the height of the header several times with the video link you provided

    https://www.themepunch.com/revslider-doc/video-layers/

    It didn’t work. not sure why. the bottom of the header won’t move up no matter how small the custom height I put. Also, I was trying to fix this problem in Yellow Pencil instead. I lifted up the play/voice control panel by adding the bottom margin to the div. It worked on Yellow pencil, but after I saved, and refresh the homepage again, the play/voice panel is still at the bottom of the slide (below the bottom edge of the screen) Would you please take a look into this and let me know how I can solve the problem.

     

     

    Cheers,

    Tana

     

     

    Solution for this topic

     

    Slider Revolution- so there is an updated version

    BUT I have no way of upgrading because it came bundled with your theme.

    shuffle hound – owners of SR

    say I have to pay 25 bucks to register & get code

     

    If you have not purchased this plugin and using the plugin bundled with the theme then you are not direct customer of that plugin so can not update that plugin until it is updated in the theme.

     

    Please see more information about this on the following pages.

     

    https://www.themepunch.com/faq/purchase-code-registration-faqs/#1447194367831-7941a825-85b2

    https://www.themepunch.com/faq/update-to-5-0-via-ftp/

     

    We will update the plugin bundled with the theme in very theme version so you don’t need to purchase it.

     

    What happens to oyur theme if I deactivate

    Slider Revolution ?

    Then the sliders created using slider revolution won’t display on your site.

     

    Regarding the issue I previously post on this thread  (play/voice control panel went too far below the bottom edge of the screen), I tried to fix the height of the header several times with the video link you provided

    https://www.themepunch.com/revslider-doc/video-layers/

    It didn’t work. not sure why. the bottom of the header won’t move up no matter how small the custom height I put. Also, I was trying to fix this problem in Yellow Pencil instead. I lifted up the play/voice control panel by adding the bottom margin to the div. It worked on Yellow pencil, but after I saved, and refresh the homepage again, the play/voice panel is still at the bottom of the slide (below the bottom edge of the screen) Would you please take a look into this and let me know how I can solve the problem.

    Would you mind if i log in to your site and change its height? If this is ok then could you please share me your site log in details privately by adding them in the box having text “Click here to share private content. Only you and forum moderators will bee able see it.”?

    Tana
    Participant

    Hello Shufflehound team,

    Thanks for the reply. I provided the login and password per your request. Would you mind taking a look at it on both the desktop and the laptop screen? I really appreciate your offer to look further into this.

     

    Cheers,

    Tana

    The shared login credentials are not working for me and i am getting “Invalid email address” error.

     

    Could you please make sure that the shared credentials are correct and working?

    Tana
    Participant

    Hi Shufflehound,

    I apologize for the mistake on the login.  The new info is in the private field.

     

    Cheers,

    Tana

    Solution for this topic

    Thank you for sharing details which worked fine.

     

    I tried changing slider height settings as shown in the attached screenshot which seems working.

     

    Could you please confirm it?

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

    Tana
    Participant

    Hi Shufflehound,

    Thanks for looking into this. I realize now what I should have done. I worked on the laptop, so I tried to change the height from what the UI shown as a laptop, not the one you just changed (UI shown as Desktop). That’s why it did not appear to respond to my change. Sorry for the confusion.

     

    Btw, how can I revoke the private info I provided per ”

    After issue is fixed, please change/revoke any given access data” Or I have to change my site access data on my end?

     

    Cheers,

    Tana.

    Thanks for looking into this. I realize now what I should have done. I worked on the laptop, so I tried to change the height from what the UI shown as a laptop, not the one you just changed (UI shown as Desktop). That’s why it did not appear to respond to my change. Sorry for the confusion.

    You are most welcome here 🙂

     

    Btw, how can I revoke the private info I provided per ”

    After issue is fixed, please change/revoke any given access data” Or I have to change my site access data on my end?

    Just change the site credentials that you have shared.

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