Canvas Support

responsive

1 reply·opened Dec 9, 2023
W
winkwebDec 9, 2023

Hi,

I'm having a few issues with the responsiveness of my site.

  1. One image isn't fully loading in mobile
  2. 2 images are not resizing to the full width of the site when on mobile.
    Screenshots attached.

Will you please help me resolve it?

Thank you,
Mariana

S
SemiColonWebSTAFFDec 11, 2023

Hello,

Thanks for your Patience!

  1. Based on your Use Case, a Slider/Background Image is not required. Consider using the following code:
<div class="position-relative w-100" style="background-color: #06aef0;">
    <img src="demos/covid-care/images/columbus-food-truck-festival-hero.jpg" alt="Image" class="d-block mx-auto" style="
    width: 80%;
">
</div>
  1. Change the Image Class from class="col-md-3 col-6" to class="col-md-3 col-sm-6". This will resolve the issue.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard