Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 25, 2018 at 12:52 pm #932597
    butiken_ipsc

    Slideshow control indicators not visible on iOS but on PC/Mac

    http://www.ipscbutiken.se compare landingpage on computer vs iOS, no indicators, solution?

    Thanks for reading!

    //Anders

    March 26, 2018 at 4:29 pm #933078
    Victoria

    Hey Anders,

    Well, they become visible on hover and IOS does not really have hover. Do you want them visible on iPad all the time?

    Best regards,
    Victoria

    March 26, 2018 at 7:51 pm #933171
    butiken_ipsc

    Hi! =)

    On iOS its not that obvious that more products are available, hence nothing signals more pictures/products on swipe motion. Wrong gadget for my purpose? Possible to have “radio button” indicators visible? So that one understands that more is available on swipe.

    Thank you!!

    March 27, 2018 at 5:24 am #933362
    Victoria

    Hi butiken_ipsc,

    Actually, I can see the slider controls like arrows and dots at the bottom on my iPad, they are just in the same color as your images and might be not very noticeable.

    Best regards,
    Victoria

    March 27, 2018 at 7:06 am #933422
    butiken_ipsc

    =) Thanx for looking, the issue is iPhone, both on landscape and portrait view, same pictures/gadgets.
    Ah could it be small device setting that hides the controls.

    //Anders

    March 27, 2018 at 9:19 am #933482
    Victoria

    Hi Anders,

    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) {
	.responsive #top .avia-slideshow-controls a{display:block;}
	.responsive #top .avia-slideshow-controls.avia-slideshow-dots a {
          display: inline-block;
          height: 13.5px;
          width: 13.5px;
          border-radius: 14px;
          background: #f5f5f7;
          opacity: 0.6;
          filter: alpha(opacity=60);
          text-indent: 100px;
          overflow: hidden;
          margin: 0 1px;
          padding: 7px;
          position: relative;
          bottom: 33px;
          -webkit-backface-visibility: hidden;
      }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    • This reply was modified 6 years, 11 months ago by Victoria.
    March 27, 2018 at 3:59 pm #933717
    butiken_ipsc

    Excellent! thank you for your support! (The only thing I observed was that the radio button indicator did not change appearance, but it was also cluttering the picture in iOS small screen, so I removed it from the custom CSS, the button part)

    Many thanks

    //anders

    March 27, 2018 at 4:06 pm #933719
    butiken_ipsc

    Excellent! thank you for your support! (The only thing I observed was that the radio button indicator did not change appearance, but it was also cluttering the picture in iOS small screen, so how can I remove the buttons from the custom CSS, the button part)

    Many thanks

    //anders

    March 28, 2018 at 7:14 am #934031
    Victoria

    Hi butiken_ipsc,

    Whichever works for you :)

    Glad we could help :)

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

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