Responsive not working on iOS devices

3 replies · opened Oct 27, 2020

RramondbOct 27, 2020

my website:

www.blurstudio.com.br/move is not working in iOS device, some divs that are animated doesn't show up and some content is totally out of place.

what can I do?

SSemicolon WebSTAFFOct 28, 2020

Hello,

Apologies for the Inconvenience!

We have just checked out your Website on an iOS Device and the Animations appear to be working fine for us (see attached). Additionally, regarding the content out of place, could you please consider providing us with some Screenshots with more explanations regarding this so that we can assist you further. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

RramondbNov 3, 2020

Hey guys, yeah

I thought that the animations weren't working but they are.

But if you check the first session of this website, there is a form and a button stacked together when they shouldn't be.

And one more thing: can I change the width of pictures of the gallery, to be 2 per row instead of 4 when it gets at 768px/width?

SSemicolon WebSTAFFNov 4, 2020

Hello,

Thanks for your Patience!

  1. Can you please provide us with a Screenshot of the Issue, highlighting the area, so that we can check more on this. Additionally, if you are using Custom Codes or even if you are using some of the pre-built sections, you must consider using the Helper Classes to define different spacing: http://docs.semicolonweb.com/docs/utility-classes/spacing/ for Elements on specific devices.

  2. You can simply use the .grid-2 Class on the .grid-container Element to display 2 Columns on Mobile Devices. Example:
    [ch_pre][/ch_pre]

This should definitely work fine. 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