Saltar navegación

[Resuelto] Image slider – different padding on mobile/desktop

This support ticket is created 4 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Zona horaria del colaborador: Asia/Hong_Kong (GMT+08:00)

Este tema contiene 1 respuesta, tiene 2 mensajes.

Última actualización por Luo Yang 4 years, 7 months ago.

Asistido por: Luo Yang.

Autor
Mensajes
#2205903

I'm trying to setup different padding on mobile/desktop for image slider.

When I set padding/margin (right/left) to 100px for desktop only it also shows on mobile.
Settings for mobile: enlace oculto
Setting for desktop: enlace oculto

The result for desktop : enlace oculto
The result for mobile: enlace oculto

I don't understand it. What I want to achieve - I want to have smaller size slider on desktop - so it will not blurry my images (the are 1200x900) and will show the user minatures of the slider above the fold. Currently the main picture is so big, because is full width.

What's the solution for it?

#2206745

Hello,

You can follow our document to switch to different device, and setup different padding parameters:
https://toolset.com/course-lesson/creating-responsive-designs/
Screenshot:
enlace oculto