Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 29, 2024 at 9:38 am #1472566
    95mc

    Hi,

    We are creating a portfolio.
    I would like that the slider responsive works in vertical to see always the image complete.
    Here I have send you the an example.
    Captura-de-pantalla-2024-11-29-a-las-9-18-32
    Captura-de-pantalla-2024-11-29-a-las-9-19-26

    Thanks advance,

    BR,
    Antonio.

    November 30, 2024 at 8:44 pm #1472636
    Mike

    Hey Antonio,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .responsive #top.home .container_wrap_first > .container {
    max-width: 100%;
}
.responsive #top.home section#texto {
    padding-left: 25%;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 2, 2024 at 12:10 pm #1472701
    95mc

    Hi Mike,

    I have added the code, but not works.
    Could you help me?
    Many thanks for your efforts

    BR,

    Antonio.

    December 3, 2024 at 4:58 am #1472754
    Ismael

    Hi,

    Thank you for the update.

    The slider images were fully visible above the fold when we checked. Did you figure it out?

    Best regards,
    Ismael

    December 3, 2024 at 12:03 pm #1472777
    95mc

    Hi Ismael,

    The issue is that on wide screens that do not have much height, the slider image is cut off.
    You can see the example of the page I sent, it also has responsive height so that the image always looks complete.
    Thanks advance,

    BR,

    Antonio.

    December 4, 2024 at 10:58 am #1472878
    Ismael

    Hi,

    Thank you for the update.

    The images appear fully visible on our end with a screen resolution of 1920x1080px. What is your monitor’s screen resolution? If you want the image to match the height of the browser, you could try using the Fullscreen Slider.

    Best regards,
    Ismael

    December 4, 2024 at 11:07 am #1472882
    95mc

    Hi Ismael,

    I see it well on my monitor but there is a new trend in laptops that are not proportional to that 16:9 measurement, they are more landscape. In the example website that I sent you can see how the image adapts its height to the height of the browser and without the need to scroll. That’s what I would like to be able to do.

    Thank you,

    BR,

    Anthony

    December 4, 2024 at 12:08 pm #1472907
    Ismael

    Hi,

    Thank you for the info.

    You can try this css code to make sure that the gallery resizes to at least 98% of the browser’s viewport height.

    .slick-slider, .slick-slider .slick-list, .slick-slider img {
    min-height: 98vh;
}

    This screenshot was taken from a screen emulation with a resolution of 3440×1440 pixels. (see private field.)

    Best regards,
    Ismael

    December 4, 2024 at 2:27 pm #1472915
    95mc

    Hi Ismael,

    Sorry I have try the code but do not works.
    The screen simulation that you send me is the example we send you our web the other. (see private field.)

    BR,

    Antonio.

    December 5, 2024 at 4:14 am #1472958
    Ismael

    Hi,

    Sorry about that. We adjusted the css code a bit to resize the theme slider.

    .avia-slideshow.av-m3n0lyvm-93cb025d7b6a8bdaafb1c717816af88f, .avia-slideshow.av-m3n0lyvm-93cb025d7b6a8bdaafb1c717816af88f li, .avia-slideshow.av-m3n0lyvm-93cb025d7b6a8bdaafb1c717816af88f li img {
    max-height: 99vh;
}

    Best regards,
    Ismael

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