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
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
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
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
Ohh that tiny border seems browser specific as described in the following pages.
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/
sorry I said you own SR
I meant Theme Punch
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
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.”?
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?
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?
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.