Kharis Sulistiyono on "[Theme: Sydney] Header slider image not responsive"

Hello Everyone.. Its the first time I've created a website on wordpress. I know this is a responsive theme. My website is almost complete and it looks just fine on Desktop but when open the same on mobile, the images looks too big.
For example - I am using a slider image of size 1170 X 500. It looks good on desktop but too big when open on mobile. The website url is http://www.ilampion.com/

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 tus 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

You're always welcome here. :)