Header slider image not responsive

Hello there,

Thank you for posting in.

Please try to follow the workaround posted here.

Let me know how that works for you.

Regards,
Kharis

Hello Kharis

Thank you for replying on my post.

Well I have added the custom CSS as suggested by you on other post. And the results are quite close to what i was looking for.
Although the image has been re-sized as per the mobile screen but now there is some white empty margin between the header and slider image…

Does it mean I should change (increase or decrease) the height of #slideshow ?

Also, I was wondering if It is possible to achieve the same result in Images other than slider image…
for example – I have used one Image as background in “About us” menu tab. It looks great on desktop but again on mobile, the outcome turns out disappointing.
I have used site-origin and when we put a background image in page builder, we don’t get the choice to add Class or Id into that image to further add some custom CSS to those background image.

I’d really appreciate if you look into this as well

Thanks
Vineet

can someone please look into this problem?

Does it mean I should change (increase or decrease) the height of #slideshow?

Yes, it does. It is not easy to set the div#slideshow height automatically follows the image, as it is actually a background. Meaning that the div#slideshow has no any element inside it.

Also, I was wondering if It is possible to achieve the same result in Images other than slider image…

I am afraid that it would be harder.

Regards,
Kharis

thanks

You’re always welcome here. ??