Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 21, 2015 at 9:39 am #506298
    jdrijver

    Hi Guys,

    I have a question. On http://gerritsenschilderwerken.nl/ I’m using a easy slider with 2 buttons. But on a mobile device it doesn’t show in the correct way. Maybe its better to remove the buttons on a mobile, because it otherwise will be to small and wont be user friendly. Can you help me?

    September 21, 2015 at 2:34 pm #506439
    Yigit

    Hey jdrijver!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab 

    @media only screen and (max-width: 767px) {
.avia-slideshow-arrows { 
display: none !important; 
}}

    Regards,
    Yigit

    September 21, 2015 at 3:01 pm #506460
    jdrijver

    Hi Yigit.

    This doesn’t seems to work. Or could it be the cache on my mobile (iphone 5)?

    Thnx

    September 21, 2015 at 3:05 pm #506464
    Yigit

    Hi!

    It does work fine on my end. Should be cache related. Please flush cache and refresh your page a few times :)

    Best regards,
    Yigit

    September 22, 2015 at 11:50 am #506923
    jdrijver

    I still see the buttons in the slider om my mobiel…
    I only want to show the images on mobile, not the buttons.

    Could you please help me?

    September 22, 2015 at 12:04 pm #506935
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Best regards,
    Yigit

    June 27, 2016 at 11:37 am #653741
    davidmartinserrano

    Hi Yigit,
    I have the exact same problem….I would like to delete the buttons on mobile devices….I have tried changing the size..etc…without success, so I think this is the quickest solution
    The point is that the code abovementioned is not working either,
    Please, could you take a look at it? I have posted my data

    Thanks

    June 27, 2016 at 12:15 pm #653754
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 480px) {
#top .avia-slideshow-button { display: none !important; 
}}

    Best regards,
    Yigit

    June 28, 2016 at 10:08 am #654091
    davidmartinserrano

    Perfect Yigit!
    It´s now solved,

    Thanks!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Buttons easy slider in mobile’ is closed to new replies.