Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 22, 2017 at 11:33 pm #781833
    Rio1

    hi there Kriesi team,

    I have set up a website that looks great.
    However on mobile, the buttons on full page slider are underneath each other but the horizontal alignment of the buttons is not quite right.
    Is there a way to make them both appear in the middle (horizontally) on mobile?

    thank you

    April 23, 2017 at 12:08 am #781837
    Mike

    Hey Rio1,
    For mobile 425px they are horizontal, but for 375px they are virtual to retain the button width.
    Try this code in the General Styling > Quick CSS field to line them up:

    @media only screen and (max-width: 376px){
.avia-multi-slideshow-button.avia-slideshow-button {
    margin-right: 0px !important; 
}}

    Best regards,
    Mike

    April 23, 2017 at 12:40 am #781844
    Rio1

    hi mike,

    thanks for the quick reply.
    the code doesn’t work though.

    April 23, 2017 at 2:15 am #781853
    Mike

    Hi,
    Please clear your cache.
    Before:
    postimage
    After:
    postimage

    Best regards,
    Mike

    April 23, 2017 at 2:55 pm #781945
    Rio1

    Hi,

    I have cleared my browser cache and also tried from another device, but it still not showing like in your picture.
    am I clearing the “wrong” cache”?

    April 23, 2017 at 4:20 pm #781971
    Mike

    Hi,
    OK, I was able to login from fixing a different issue and found you had an extra } in your css. All done :)

    Best regards,
    Mike

    April 24, 2017 at 1:12 am #782104
    Rio1

    great thanks a ton!

    April 24, 2017 at 3:21 am #782108
    Mike

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

    Best regards,
    Mike

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