Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 1, 2016 at 6:07 pm #591728
    hylandgraphics

    Hello i’d like to re-open this ticket,

    I asked the below question previously….

    Can you please take a look on the mobile end of the website provided below? The full with easy slider is cutting of the buttons and the title in an odd way. Is there a way to fix this? Thanks!

    I got this response which worked but I only had on layer slider with buttons. Now I have a few. The first appears ok on mobil the rest do not. Can you help? Thanks as always for the great support….

    @media only screen and (max-width: 480px) {
    #top .avia-slideshow-button {
    margin-top: 5px;
    }
    }

    March 3, 2016 at 6:20 pm #592763
    Yigit

    Hey hylandgraphics!

    There is not enough space to display both caption and button on your slider on smartphone portrait mode.
    You can add following code to Quick CSS in Enfold theme options under General Styling tab to hide buttons on mobile 

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

    Cheers!
    Yigit

    March 3, 2016 at 6:35 pm #592776
    hylandgraphics

    But you gave me the above code for the first slider and it works. Why are the other slides different?

    March 3, 2016 at 6:39 pm #592785
    Yigit

    Hey!

    Please add following code to Quick CSS as well to decrease the size of caption titles on mobile 

    @media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption h2 {
    font-size: 14px!important;
}}

    If that is not what you meant by “different”, please elaborate.

    Best regards,
    Yigit

    March 10, 2016 at 9:37 pm #596574
    hylandgraphics

    PERFECT! THANK YOU!!!!!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Odd look on fullwidth easy slider on home page/mobile site?’ is closed to new replies.