Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #622925

    Hi,

    I’m using a fullscreen image slider for the home page of my website.

    The issue is that when i open my website from a smartphone the borders of the images in the slider are cutted, and i see only a section of the images.

    How can I turn responsive the fullscreen slider?

    Thanks a lot for the support!

    Regards

    #623581

    Any suggestions? Thanks!

    #624623

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 480px) {
    .avia-fullscreen-slider .avia-slideshow{
    max-height: 240px;
    }
    }

    Cheers! 
    Josue

    #624641

    Yeah, that’s working!

    Thanks a lot for the support!

    I will ask another related question, is there a way to remove the “navigation indicators” only on mobile phones? (or, for example, to remove them under xxx pixels of width of the window?)

    Thanks again!

    Regards

    #624690

    Hi,

    You mean the arrows? use the following:

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

    Best regards,
    Josue

    • This reply was modified 8 years, 6 months ago by Josue.
    #624896

    Yes, i meant the arrows in the fullscreen slider.

    The css you provided did not work…

    Any other suggestions?

    Thanks a lot!

    #624973

    Refer to my previous code again, i’ve edited my message.

    #624980

    Yes, that’s working!

    Thanks a lot for the support, I have chosen a great theme with a great support team!

    Regards

    #624999

    You are welcome, glad to help :)

    Regards,
    Josue

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