Skip to content
Public Ticket #17890

Different Featured Sliders For Desktop/Mobile

Conversation thread

rtblogger replied

Customer Reply

Thank you. This helped. Please close thread.

PenciDesign Supporter replied

Staff Reply

Hi,

For the Elementor Page Builder, please take a little time to build it from scratch. This is the best solution for devices display and site performance.

Regards,
PenciDesign.


rtblogger replied

Customer Reply

Thanks. Is there anyway to convert the site to Elementor, or would be need to build it from scratch using the Elementor? 

PenciDesign Supporter replied

Staff Reply

Hi.

1. You can use different featured sliders for desktop & mobile by using Elementor:

  • Add two different featured sliders on your page and,
  • Add featured slider style 16 on section 1, config this section show only on mobile,
  • Add featured slider style 20 on desktop, config this section is hidden on mobile,

image.png

2. You change the height of the featured slider on mobile by change the value of Ratio Height/Width of Images. This option for mobile is only available on Elementor.

image.png

Regards,
PenciDesign.


rtblogger started the conversation

Conversation Start

Hello, I have two questions please -

1) Is it possible to use two different featured sliders for mobile and desktop? I would like to use style 16 on mobile and style 20 on desktop. I plan to pick style 16, and would like a CSS code so style 20 is used on desktop.

2) Change featured slider image height on mobile, I would like to increase the height on mobile. Changes being made through the 'Custom Image Size on Mobile' setting are not being reflected.

Thank you.

Want to join this conversation or access attachments? Sign in first.