Making Slider Responsive with CSS

  • Resolved dlg74

    (@dlg74)


    2 years, 8 months ago

    Hi,

    I desperately need a few CSS tweaks to the Slider so that it becomes responsive ( Blog Slider, using Zinest Skin).

    Right now the main issues are:

    1. The height of the slider is not responsive. if I resize the width of the browser the slider decreases in height leaving big contents gaps below the slider. The slider should maintain its desktop height until it reaches the breakpoint for tablet and mobile.
    2. At tablet breakpoint, featured posts only show thumbnail images and not the text beside them ( post titles) which are linked to the blog articles. One cannot figure which blog post is which by just looking at thumbnails, plus these are not linked. It would be necessary to display the blog titles beside the thumbnails on tablet too and those thumbnails should be also linked to the blog post for both desktop and tablet.
    3. Navigation buttons don’t look good on mobile, it would be great to be able to customise them for mobile but if that is not possible with prime slider lite please provide a code to hide it on mobile.

    Many Thanks in Advance,

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter dlg74

    (@dlg74)

    2 years, 8 months ago

    I have been trying all sliders and unfortunately I see all of them are equally unresponsive when it comes to height. There is currently no way to make it work well by adjusting the minimum height inside the slider. If I adjust that minimum size to look good on mobile it won’t look perfect on desktop and viceversa.

    I’m sure there’s gotta be a CSS code we can use to make the slider height responsive.

    Thread Starter dlg74

    (@dlg74)

    2 years, 8 months ago

    If Set the Elementor Section Height to Fit to Screen then section adjust perfectly to each device, however the slider inside the section does not adjust to the section dimensions.

    Plugin Author Faridul Islam

    (@mohammaadfarid)

    2 years, 8 months ago

    Hello @dlg74,
    Thanks for your message.

    You need to use ‘Min Height’ for mobile devices while ‘Slider Ratio’ is for desktop or tablet.

    We will try to implement the solution of your inquiries in the next update if possible.

    Best Regards
    Faridul Islam

    Thread Starter dlg74

    (@dlg74)

    2 years, 8 months ago

    Hi Faridul,

    yeah what suggest does not really solve the issue I’m afraid. I really appreciate your will to solve the issue via a future update and I look forward to it. Your product is truly amazing, and once this lack of height responsiveness gets solved, it’s going to blow every other WordPress slider out of the water IMO.

    Best,
    D

    Plugin Author Faridul Islam

    (@mohammaadfarid)

    2 years, 6 months ago

    Dear @dlg74,
    Thanks for your message. We already update the version. Please check our latest version.

    Best Regards,
    Faridul Islam

    Thread Starter dlg74

    (@dlg74)

    2 years, 6 months ago

    Thanks for letting me know Faridul,

    Does the update address and solve the issues the absence of responsiveness when resizing for screens? Because that was the main issue and I don’t see any mention in the changelog…

    Please let me know

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Making Slider Responsive with CSS’ is closed to new replies.