-
Posts
-
Hello,
The site’s homepage opens fine in Firefox but in Chrome it is giving other YouTube videos from my playlists and also Play button.
Can you please help me remove it and show like Firefox?Also, the homepage does not open in Safari :'(
Please help me.Thank you so much for your support!
Regards,
XanHi,
Sorry, I have set another page ( http://www.morsche.co/explore ) as homepage until the issue fixes. Please check homepage on http://www.morsche.co/home
Really sorry for that but this will stop the people landing on that slider page for now.Unfortunately, the old homepage is still showing on Chrome and Samsung Browser although I have cleared the cache.
Regards,
Xan
Hi,
Can you please help me? I am waiting for your response. I hope you see this thread.
Warm regards,
xan
Hi xan,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHello Victoria,
Thank you very much for your reply. I have added the credentials below in private. Please know that due to the problem mentioned above, I have currently set another page as homepage but the real home has to be this one http://www.morsche.co/home
This one, when browsed through Chrome, does not play the video and show ‘more videos’ from Youtube.
When browsed through Safari, it does not open at all.Thank you for your kind and diligent support :)
Warm regards from Karachi,
Xandria
I am having the same issue with Chrome… I have a youtube video in a Fullwidth Easy Slider… and it works in Firefox… but in Safari and Chrome… it does not automatically play. It only shows a preview image with a play button… and suggested videos. Website link and access provided in private.
Hi,
Thanks for the update.
I’m not really sure what’s going on in that page but I get a lot of “conflict” or 409 errors. Did you modify the .htaccess file? Please try to deactivate the plugins temporarily.
// https://pastebin.com/syHUTVzk
Best regards,
IsmaelHi Ismael,
Thank you for your reply.
No, I did not modify the .htaccess file. I am not a developer hence I have no knowledge of these things. Can you please check what is wrong with the file?
Regards,
Xan
Hi,
Have you tried using the Full Screen Slider instead of the Layer Slider? Please note that you can’t automatically play a video because of the browsers’ autoplay policy. You can either mute the video, manually add a play button or enable the video controls.
// https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Chrome’s autoplay policies are simple:
Muted autoplay is always allowed.
Autoplay with sound is allowed if:
User has interacted with the domain (click, tap, etc.).
On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously play video with sound.
On mobile, the user has [added the site to their home screen].
Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.Best regards,
IsmaelHi Ismael,
Full Screen Slider does not give a button option that’s why I used Layer Slider.
Can you please tell me how to mute the video in Layer Slider? I can’t find the option :(
Regards,
Xandria
Hi,
The full screen slider does have a button option. Go to the Captions panel and look for the “Apply a link or buttons to the slide?” settings.
Can you please tell me how to mute the video in Layer Slider? I can’t find the option :(
There is a “Volume” settings right below the layer’s Content field.
Best regards,
IsmaelHi Ismael,
Thank you so much for the support.
The button does not show on mobile devices. I have a fallback image already set. Is there a way to show the button on mobile? And also to centralize it?
Regards,
Xandria
Hi,
Looks like you’re using the Full Width Slider. Please replace it with the Full Screen Slider to make enough room or space for the button on mobile view.
Best regards,
IsmaelHi Ismael,
It’s Full Screen Slider, I just checked :(
This is the test page http://www.morsche.co/home-2
Button is now in the center but still not showing on mobile.
Do you think I need some CSS code for this?Regards,
Xandria
Hi,
The button is visible on my end.
Screenshot: https://imgur.com/a/LTmqsPf
Please remove the browser cache and then check the page again.
Best regards,
IsmaelHi Ismael,
Thank you for your reply. I have cleared cache from all browsers on my Samsung phone but the button is still not showing. I have tried on other people’s phones too but it’s not there :( I am using Firefox, Chrome and IE .
The fallback image that I have set is a ‘shattered glass window’ not the wine glass. I think you checked on desktop. Please help.
I appreciate your support.
Happy New Year!
Regards,
Xandria
Hi,
Can you give us a screenshot of the issue again? Use imgur or dropbox. The screenshot above is from an iPhone emulation.
Happy new year to you, too!
Best regards,
IsmaelHi Ismael,
If you open the link morsche.co/home-2 on a mobile devices directly, you won’t see the button. These are the two screenshots from Iphone and Samsung.
https://www.dropbox.com/s/whwcl37a8ij8030/IMG-20190115-WA0000.jpg?dl=0
https://www.dropbox.com/s/hkludrlhj06vpx7/IMG-20190114-WA0000.jpg?dl=0Thank you for your continued support.
Regards,
Xandria
Hi Xandria,
https://cl.ly/3c93172ddabe I do not see the button in the html here and so it cannot be seen on mobile.
https://cl.ly/86bc309fee0a The button is not there on desktop either. Can you add the button back and we can help you adjust it for different screen sizes?Best regards,
VictoriaHi Victoria,
Thank you for looking into the matter,
The screenshot that you sent is showing the fallback image, which is for mobile devices. I don’t know why it is showing on your desktop :( I am opening it on desktop Windows (Firefox and Chrome) and it shows me the video of a ‘glass and ink’ with a button. https://www.dropbox.com/s/w3o756ao8o0c071/home2b.bmp?dl=0
The problem is coming on the mobile devices where it is not showing the button.
https://www.dropbox.com/s/hkludrlhj06vpx7/IMG-20190114-WA0000.jpg?dl=0
https://www.dropbox.com/s/whwcl37a8ij8030/IMG-20190115-WA0000.jpg?dl=0I am checking into the settings again and the button is there in the fullscreen slider. https://www.dropbox.com/s/5x0e6tmub8oqxb2/home2.bmp?dl=0
Can you please check too ? http://www.morsche.co/home-2
I have attached the credentials.Thank you so much for your patience and support.
Regards,
Xandria
Hi Xandria,
Thank you for clarifying. I checked the buttons on my installation. They are not disappearing like on yours.
Try setting the slide to scroll not parallax and see if the issue persists.
Also, Please deactivate all plugins one by one to check which one is causing this issue and let us know if this solves the problem.
Best regards,
VictoriaHi Victoria,
First of all, thank you so much for continued support and patience.
Second, I am sorry that I am bothering again. I deactivated all plugins one by one as you suggested and checked the page on different mobile sets but the button still didn’t show. I reactivated the plugins later again. I also set the slide to scroll.
Did you try checking the page on a smartphone? I am still puzzled how your set shows the button but none of the phones here show it :((
Please advise what to do.
Thanks again!
Regards,
Xandria
Hi,
I’ve checked the code that is responsible for rendering the button and I found no reason for it not to display on mobile view, so I’m a bit lost as to why it’s not working in your installation. This is the code in the config-templatebuilder > aviashortcodes > av-helper-slideshow.php file:
//if we got a CTA button apply the link to the button istead of the slide if(strpos($link_apply, 'button') !== false) { $button_html .= $this->slideshow_cta_button($link1, $link_target1, $button_color, $button_label, $button_count); $tags = array('div','div'); }Did you add any custom modifications to the theme? Have you tried to work on this while the plugins are disabled?
Please upgrade the theme from version 4.5 to version 4.5.3.
Best regards,
IsmaelHi Ismael,
Thank you for looking into this. I don’t understand either why the button is not visible on mobile devices :(
Following are the codes I have so far added in Quick CSS. Can you please tell me if there is any that is conflicting? I have never touched anything in the theme files.
Thank you so much for your help!
Regards,
Xandria#top .avia-button-fullwidth {
border-style: solid!important;
border-width: 1px!important;
border-color: #fff!important;
}.avia-section.main_color.avia-section-default div.container {
max-width: 100%!important;
width: 100%!important;
padding-right: 0px !important;
padding-left: 0px !important;
}span.copyright a.xandria { color: #6e6e6e;}
.logo, .responsive .logo {
display:none;
}a.avia-button.avia-button-fullwidth .avia_iconbox_title {
font-size: 14px !important;
}.logo img, .responsive .logo img {
display:none !important;
}.grid-entry .inner-entry {
margin-right: 14px;
}.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {
background-color: #e3e3e3;
}.html_modern-blog .avia-content-slider .slide-entry-title {
font-size: 1.7em;
}.ls-v6 .ls-circle-timer { display: none; }
.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
text-transform: none;
}Hi,
I just found out that it is the default behavior on mobile view. There’s a script that removes every button inside the caption container because the fallback image is a link itself. Look for the “Mobile Fallback Image Link” field and apply the same url or link that you have for the button.
If you want to alter this behavior, edit the config-templatebuilder > aviashortcodes > slideshow > slideshow.js file and look for this code around line 204:
appendTo.find('a').remove();Best regards,
Ismael
- You must be logged in to reply to this topic.