Sydney Pro Header Banner will be cropped off on mobile

Hi,

I am using Crelly Slider on my site.
But when I view on mobile, the image on the slider was cropped off.
I want it to be responsive and show the original image and not cropped.

Besides, I want my menu bar to looks transparent black gradient on the page, but I want it to be black opaque once I scrolled the webpage.
Can you please kindly guide me how to do this as soon as possible?

Here is the link for my webpage.
http://imstage.vizbranz.com/

Thanks.

Hello Jo,

Please check the second screenshot on Crelly Slider Documentation page, did you set Responsive → Yes there?

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Can you please create a new topic for your menu bar issue in order to make it easier to help you?

Hi Roman,

Thanks for your reply.
I did set the Responsive to Yes.
But the banner still cropped off on mobile.
When I scale down the browser the banner also cropped off.

Thanks and hope to hear from you again.

Jo

Hi Roman,

I have created a new topic for the menu bar issue.
Thanks.

Jo

Hello Jo,

Please make sure that you added your slider images as background image:

Not as element:

It looks like your other topic is about slider as well, can you please create a new one for the menu bar issue?

Kind Regards, Roman.