Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 27, 2017 at 2:03 pm #784022
    Uri_Berry

    Hey Kriesi,
    I used to have arrows and dots for the slideshow on mobile devices,
    though after the last update they dissapeared. I’ve managed to find this line on shortcodes.css (line 3695) –

    @media only screen and (max-width: 767px) {
    .responsive #top .avia-slideshow-controls a{display:none;}
    …

    How do I bring them back?
    Thanks,
    Uri

    April 29, 2017 at 10:17 pm #785112
    Mike

    Hey Uri_Berry,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top .avia-slideshow-controls a {
    display: inline-block!important; 
}}

    Please clear your cache :)

    Best regards,
    Mike

    April 30, 2017 at 5:48 pm #785327
    Uri_Berry

    Thanks a lot! works great, super support :)
    I have another question, when I open this page (in private content) on a mobile device,
    the overlay on the Masonry-Grid elements appears to be allways on, this causes a problem for me
    because I want the elements to have a dark background on overlay…
    is there a way to make it work like on desktop? – the overlay will appear only on touch?

    Have a nice day,
    Uri

    April 30, 2017 at 6:36 pm #785353
    Basilis

    Hey!

    The touch event can not be controlled so easily with CSS.
    It would need some more work to be controlled properly, so I would suggest if you need it a lot to consider
    hire someone to help you with that process.

    Regards,
    Basilis

    April 30, 2017 at 7:48 pm #785374
    Uri_Berry

    Thanks!
    Can I just cancel the overlay on mobile?
    I would prefer to have the image instead of the text and background

    Uri

    April 30, 2017 at 8:08 pm #785378
    Mike

    Hi,
    To remove the overlay on phone try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) {
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: none !important;
    display: none !important;
}}

    Best regards,
    Mike

    • This reply was modified 7 years, 7 months ago by Mike.
    April 30, 2017 at 8:16 pm #785387
    Basilis

    Hey!

    Sure, you can ask that from who you will hire, to help you out.

    Best regards,
    Basilis

    April 30, 2017 at 8:55 pm #785405
    Uri_Berry

    Thanks so much Mike, worked a charm :)
    Uri

    April 30, 2017 at 9:08 pm #785411
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Slideshow controls on mobile’ is closed to new replies.