Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 20, 2017 at 11:36 pm #879422
    brandpirate

    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, 11 months ago by brandpirate.
    November 21, 2017 at 6:01 am #879506
    John Torvik

    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

    November 21, 2017 at 12:45 pm #879689
    brandpirate

    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, 11 months ago by brandpirate.
    November 25, 2017 at 1:23 pm #881581
    Victoria

    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

    November 25, 2017 at 1:30 pm #881587
    brandpirate

    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

    November 26, 2017 at 6:48 am #881833
    Rikard

    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

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