Issue with Responsive

2 replies · opened Dec 26, 2023

Vvivekroy1Dec 26, 2023

My details :
purchaes code - 8e9cfd3b-6fe6-438c-8769-f6de7fc061dc - 25 Nov 2023 REGULAR LICENSE

I have been using some of the elements from your package and they are not responsive. They do not appear properly on mobile device.
can yu advise what I need to do?
Below is the URL where you can access the site that I am tying to build - the landing page becomes skewed on mobile device.

SSemicolon WebSTAFFDec 28, 2023

Hello,

Thanks for your Patience!

We have checked out your Codes and the issue is with the incorrect use of the Bootstrap Grid: https://getbootstrap.com/docs/5.3/layout/grid/ . For Example, currently, you are using .col-2 directly without the breakpoints which will not change the Width of the Column in other devices. Make sure you are using appropriate Columns with breakpoints as provided in the Bootstrap Documentations based on your required layout on different viewports.

So using .col-md-2 instead of .col-2 will work better. If you are facing issues with any specific section, please provide us with screenshots and detailed explanation of the issue so that we can provide you with better assistance.

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