Menu Bar Issue

Hi,

I am using Crelly Slider on my site.
But when I view on mobile and scale down my browser on my computer,
the image on the slider was cropped off.
I want it to be responsive and show the original image and not cropped.
Besides, I have set the responsive to Yes on the setting too.

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

Thanks.
Jo

Hello Jo,

You can try to use the following CSS code, but please note that your menu items will be invisible on some resolutions in this case.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

div.sydney-hero-area li.cs-slide {
    background-size: contain !important;
}

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

Kind Regards, Roman.

Jo, please make sure that you added your slider images as background image:

Not as element:

Kind Regards, Roman.

Hi Roman,

Thanks for your reply.
I need the image to be full width but not cropped off, can I do that?

Thanks.
Jo

Hello Jo,

Did you try the solution that I mentioned above?

Kind Regards, Roman.

Hi Roman,

Yes, but the image doesn’t show full width, but not cropped off already.

Thanks.
Jo

Okay Jo,

Can you please contact Crelly Slider support and see what they say?

Kind Regards, Roman.