
-
AuthorPosts
-
July 23, 2018 at 3:20 pm #988720
Hey there,
so this may be tricky to explain, but I’ve set up a page with a fullwidth easy slider only visible on desktop and another slider only visible on mobile, using the screen options settings for each slider. (I want to alter between a horizontal bg picture for desktop and a more square bg picture for mobile). However, if I resize my browser window to mobile view on desktop, the sliders change accordingly, but the cta button on the new slider doesn’t show up; I can live with that, but it’s also the case on an actual mobile when switching from horizontal to landscape view and vice versa; whichever view loads first will feature the button, but once I turn the phone 90 degrees, the new slider pops in, but no button.
I could of course change the interval between show/hide in the screen options setting, but that would just transfer the issue to tablet view.
Is there a solution to this?
thanks
/MortenJuly 24, 2018 at 5:16 am #989024Hi Morten,
Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardJuly 24, 2018 at 1:41 pm #989179Done :)
July 25, 2018 at 5:50 am #989485Hi,
Thanks for that, I made some changes to the slider and then removed them again and saved, that seems to have worked. The button is showing now, please review your site. Make sure that the cache is cleared, or check in an incognito window using Chrome.
Best regards,
RikardJuly 25, 2018 at 2:59 pm #989731Hi Rikard,
thank you but it seems the problem persists from where I’m sitting? May I ask what changes you made?
I tried 3 dif. browsers on my working Mac and emptied cache on all of them, tried my phone, same problem, below is a video of me testing the site on a windows pc for the first time, just now:July 25, 2018 at 5:57 pm #989842Hi Awaken_Productions,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) { .avia_transform .av_slideshow_full .avia-slideshow-button { visibility: visible; } }
If you need further assistance please let us know.
Best regards,
VictoriaJuly 25, 2018 at 6:23 pm #989861That seemed to do the trick, Victoria, thanks a lot! :)
/Morten
July 25, 2018 at 8:20 pm #989917Hi Morten,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.