Help align the slideshow / Помогите выровнять слайд шоу

Good evening, dear support Woodmart!
Please help align the slideshow on the Main page https://prnt.sc/1i3u3v4

Добрый вечер, уважаемый сапорт Вудмарт
Помогите пожалуйста выровнять слайд шоу на Главной странице https://prnt.sc/1i3u3v4

Hello,

Please, provide your site admin access to the private area.

Best Regards

Ok Access data added

Hello,

Please check the credentials I cannot log in.

Best Regards

Sorry for the mistake. Data updated

Hello,

Please remove the images and insert the WoodMart slider https://gyazo.com/2565993760524ba658af9e1e4f89eed1

Then follow the instructions: https://xtemos.com/docs/woodmart/woodmart-slider/

You just create the slider and add the slides with images. Images should be uploaded as featured images. You will find detailed step-by-step instructions. Your slider would be nice-looking and easily editable if you want to add buttons or other content.

Best Regards

Thank you I am ready to try slides from Woodmart but
I do not have them in the admin panel of the site
https://gyazo.com/83a0fbb633783d9184180b7c6188504f

Hello,

The slider has not been activated in your site: https://gyazo.com/c4c11c4cae62bcc095acf8a27a5490af

Now you can use it: https://gyazo.com/6eba9299fb92dbe4a730311f04316f77

Best Regards

Good afternoon

I followed your advice But now I’m having display problems on mobile https://prnt.sc/1jw3bk8

The slide picture does not adapt (https://prnt.sc/1jw62qk), as if I used a regular picture on the page https://prnt.sc/1jw5k52

Since the mobile version is more important for me, I will leave the display in the form of a picture on the main version of the site (https://korm-rybam.com.ua/) https://prnt.sc/1jw1b5j

I transfer all experiments on setting up the slider to the test domain https://beta.korm-rybam.com.ua/ https://prnt.sc/1jw2ph9 I grant access

Добрый день

Я воспользовался вашим советом Но теперь у меня проблемы с отображением на мобильных устройствах https://prnt.sc/1jw3bk8 Картинка слайда не адаптируется ( https://prnt.sc/1jw62qk ) , как если бы я использовал обычную картинку https://prnt.sc/1jw5k52

Так как мобильная версия для меня более важна я оставлю на основной версии сайта (https://korm-rybam.com.ua/) отображение в форме картинки https://prnt.sc/1jw1b5j

Все эксперименты по настройке слайдера я переношу на тестовый домен https://beta.korm-rybam.com.ua/ https://prnt.sc/1jw2ph9 Доступ предоставляю

Please do all the work at https://beta.korm-rybam.com.ua/wp-admin
When the result is positive, we will transfer it to the main site https: /korm-rybam.com.ua/wp-admin

Пожалуйста все работы выполняйте на https://beta.korm-rybam.com.ua/wp-admin
Когда результат будет положительным мы его перенесем на основной сайт https:/korm-rybam.com.ua/wp-admin

Hello,

Each slide has the image option https://gyazo.com/c1fb37127532c8927de1c0e2a3198939

Please upload the appropriate image size for each device.

If you have any questions please feel free to contact us.

Best Regards

I’ve seen this function …

There are a large number of device screen sizes.
There are Xiomi, Empl, Samsung phones – how can I set my unique resolution for each of them?
The same applies to tablets There are EPL tablets and there are cheap Chinese …

What should I do?
If everything is so simple, set yourself the desired values ​​in these fields https://gyazo.com/c1fb37127532c8927de1c0e2a3198939

It is not clear to me what to put there so that the picture is equally well displayed on all mobile devices.

I need slideshow pictures to be responsive for any mobile devices

Я видел эту функцию …

Вариантов размеров экранов устройств есть большое количество.
Есть телефоны Ксиоми, Емпл, Самсунг – как я могу для каждого из них установить свое разрешение?
Тоже касается и планшетов Есть планшеты Епл а есть дешевые китайские …

Что мне делать?
Если все так просто установите сами нужное значения в этих полях https://gyazo.com/c1fb37127532c8927de1c0e2a3198939

Мне непонятно что там ставить чтобы картинка одинаково хорошо отображалась на всех мобильных устройствах.

Мне нужно чтобы картинки были адаптивны под любые мобильные устройства

I’ve seen this function …

There are a large number of device screen sizes.
There are Xiomi, Apple, Samsung phones – how can I set my own resolution for each of them?
The same applies to tablets. There are Apple tablets and there are cheap Chinese ones …

What should I do?
If everything is so simple, please set the necessary values ​​in these fields so that my slide show is displayed equally well on all mobile devices https://gyazo.com/c1fb37127532c8927de1c0e2a3198939

It is not clear to me now what dimensions need to be written in those fields so that the picture is equally well displayed on all mobile devices.

I need slides to be responsive to any mobile device

Hello,

It is not possible to do with CSS. We can try and here the result you will get: https://gyazo.com/5a2ccc4a00a2504c657c8d7619f2f821

You see the gaps on iPad size screen and on the mobile image would be scaled not visible enough and gaps would be bigger.

Best Regards

You did not quite understand me correctly.

Give me the dimensions for mobile devices
I don’t know what to set up Woodmart slideshow:
– slide category – https://prnt.sc/1lkoykm
– slide settings – https://gyazo.com/908533ded741bc5986bdf8bfe1a82926

Hello,

Images in the slider are applied as a background regardless of proportions on narrow devices. This is the nature of the image background. You can set the background on a row and check on all devices and you will see the same.

The only solution to have an image for desktop, prepare an image for an iPad with text and background and for mobile. Mobile images should be square. Here are the widths that relate to each device: https://prnt.sc/1m8ll5o

These options are provided in the WoodMart version no older than 6.0

If you do not want to prepare separate images for each width, it is not possible to align the slider.

Best Regards

[Author]

Posts