Wokiee theme - How can I adjust the size of image banners on the slider revolution element?

I have uploaded image banners using the slider revolution element -which looks fine on the desktop view but how can I adjust/upload different sized banners for the mobile view?

send url

If the template does not come with mobile-adapted images, I can do this for you, but you will need to invite me as your shop co-author.

If you’d like me to help you with this, you can email me so I can help you better!

https://stephues.myshopify.com/ this is the store url

@SoleArt

Image is correct.
Either you can do one thing, you can create an image according to the mobile size.

How can I upload the mobile friendly size? I have created one -where can I confirm image parameters for mobile?

@SoleArt I think you need to decrease size of logo image . Cause it taking much space at header.

You will need to add a configuration item to the code, and then you will upload images for mobile in the same way you upload images for desktop.

okay, how can I do that?

Hi @SoleArt ,

We need to create a separate image section for mobile, then only you can add different image for mobile and desktop. This can be done through customizing the slider.liquid code

It may be necessary for you to invite me as your shop co-author, as I need to add configuration items that may be a pain for you to add.

If you want, you can invite me and I can give you a hand!

How can I do this?

What size should I upload? The logo size is 200px*200px. I want to reduce the free space in the header

Hallo @SoleArt

use this css

.tt-logo-container {
padding: 0 !important;

}
and change your logo image

ezgif.com-gif-maker-removebg-pre (1).png

use this image.

where should I add this?

@SoleArt

base.css at bottom