Canvas Support

Issue with Process Steps on mobile

3 replies · opened Jan 14, 2021

MmichelletangJan 14, 2021

Hello -

I have the site live, and it looks pretty good. I am having trouble with the center area of the homepage where I am using the "process steps" functionality. The animation and the icons look fine on desktop. On mobile/tablet, we lose the lines (which I can live with as it is going to a vertical layout based on screen size, which is fine) but the icons are also being clipped - they are no longer round, they are small squares and not as visible. Can you let me know if I can change something to ensure the icons show up better on mobile?

The section in question is titled "Our Simple Process"

Thank you!

  • MT
SSemicolon WebSTAFFJan 15, 2021

Hello,

We have checked this out and this appears to be an issue with the CSS. Is there any chance you have edited the style.css File manually? Because this might have caused if there is a Missing } or closing braces or invalid codes.

We have checked out Our Default Codes: http://themes.semicolonweb.com/html/canvas/process-steps.html and it appears to be working fine for us. So, we recommend you to consider reverting to the Default style.css File and then track your changes to identify this issue. However, if the issue persists, please let us know and we can run further tests. 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.

MmichelletangJan 26, 2021

Hi There -

Yes, reloading the style.css fixed this. I appreciate your help.

Thanks!

SSemicolon WebSTAFFJan 26, 2021

Hello,

Glad that the issue was resolved.

Do let us know if we can help you with anything else.

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