Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #879422

    Hi,

    I ask myself if it would be possible to adjust the fullwidth-slider height by breakpoints (e.g with a variable for “minimum height in pixel”)? If yes, would you pls support me with a few lines of code?

    Thx
    Manu

    • This topic was modified 7 years, 1 month ago by brandpirate.
    #879506

    Hey Manuel,

    We can send to you a custom CSS code, but you need to share the website link in a secure note.

    Best regards,
    John Torvik

    #879689

    Hi John,

    I have two pages, but only one is ready. My goal is to put the fullwidth-slider to 80% height if possible. If not it would be enough to achieve it via “height in pixels” and breakpoints.

    Cheers
    Manu

    • This reply was modified 7 years, 1 month ago by brandpirate.
    #881581

    Hi Manu,

    Can you please specify the screen size you need help with? You need to keep in mind that controlling the slider height might not work well with the image aspect ratio and the scaled image can look weird.

    Best regards,
    Victoria

    #881587

    Hi Victoria,

    I use allready this code with vh and pixels for the breakpoints, but the image looks distorted als you mentioned.

    	#full_slider_1 .avia-slideshow-inner, #full_slider_1 .avia-slideshow-inner img {
        height:  85vH!important;
    }

    Is there no possibility to keep the aspect ratio of the picture, so that the image crops on the left and right edge?

    Cheers,
    Manu

    #881833

    Hi,

    It can be very difficult to get the image just right on all screen sizes unfortunately, one thing you could try would be to add multiple sliders and use images adapted for the screen size in question. You can show/hide the correct one in the Screen Options tab.

    Best regards,
    Rikard

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