Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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
    /Morten

    #989024

    Hi 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,
    Rikard

    #989179

    Done :)

    #989485

    Hi,

    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,
    Rikard

    #989731

    Hi 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:

    #989842

    Hi 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,
    Victoria

    #989861

    That seemed to do the trick, Victoria, thanks a lot! :)

    /Morten

    #989917

    Hi Morten,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.