-
AuthorPosts
-
September 25, 2019 at 12:19 pm #1141772
Hello,
I have very interesting case with Easy Slider embeded on pop-up via “Popups” plugin. All works fine, except situation if you see this popup on mobile (Portrait View), but as soon you switch your mobile on landscape mode slider appears. Why is so?Website: spuke.lv
Enfold ver.: 4.5.5
PopUp Plugin: Popups – WordPress Popup v. 1.9.3.7.
Mobile I use: iPhone 6s.
Location of the popups: http://prntscr.com/paq0pzSeptember 26, 2019 at 8:29 pm #1142479Hey MAKSIMS,
I think that this issue is because the slider on rotate refreshes the JS.
Try load the web site first on landscape and then switch to portrait and tell us what u seeBest regards,
BasilisSeptember 27, 2019 at 10:43 am #1142658Hello Basilis!
Thank you for your reaction!
As I said, there are no problem with landscape. There are problem loading the slider in Portrait.
Here is what I get loading site in landscape:
1) After 1 – 1.5. slider loads and works fine (as it was earlier)
2) I close pop-up – go to the portrait activate popup one more time – no slider again.:(
September 30, 2019 at 4:32 pm #1143412Hi Max Miko,
We apologize for the delayed response.
Can you try to give us a link to the page mentioned? so we can try to inspect it further.
You can post the link in private content, if you want it to be seen only by you (thread creator) and the moderators.Best regards,
NikkoSeptember 30, 2019 at 4:40 pm #1143415Hello,
thank you for the response. All info added to Private Content
October 1, 2019 at 1:05 pm #1143705Hi Max Miko,
Can you try adding this css code in Quick CSS, located in Enfold > General Styling:
@media only screen and (max-width:479px) { #top .avia-slideshow .avia-slideshow-inner { height: auto !important; } }
Let us know if this helps.
Best regards,
NikkoOctober 2, 2019 at 4:15 pm #1144189Hey Nikko!
Yes it worked, I just don’t understand why I can’t to show controls on the slider. I use this code from another thread:
@media only screen and (max-width:767px) { .avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a { opacity: 1 !important; }}
But it doesn’t work. I believe, that in this pop-up case i need this controls always, because visitor can recognize slider just like an ordinary image.
October 3, 2019 at 7:11 am #1144368Hi,
I think the reason it doesn’t work is this part of the selector:
.av_slideshow.avia-slideshow
it should just be:
.avia_desktop .av_slideshow .avia-slideshow-controls a
Best regards,
NikkoOctober 3, 2019 at 1:13 pm #1144462I think, I understand you wrong, so my final code must be:
@media only screen and (max-width:767px) { .avia_desktop .av_slideshow .avia-slideshow-controls a { opacity: 1 !important; }}
If yes, then it still doesn’t work for me :(
October 7, 2019 at 1:51 am #1145576Hi Max Miko,
We apologize for the delayed response, can you try this instead:
@media only screen and (max-width:767px) { .responsive #top .avia-slideshow-controls a { display: block !important; opacity: 1 !important; } }
Best regards,
NikkoOctober 10, 2019 at 11:01 am #1146817Thank you a lot Nikko and all Enfold Team Support.
One more time solve _my_ problem so fast!
October 11, 2019 at 6:49 am #1147035Hi,
Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardOctober 12, 2019 at 5:52 pm #1147433Hi,
Yes, thx a lot one more time. We can close the topic!
October 13, 2019 at 5:59 am #1147514 -
AuthorPosts
- The topic ‘Easy Slider doesn't show on mobile Portrait Mode only’ is closed to new replies.