AbanteCart Community

General Topics => Mobile Ecommerce => Topic started by: cannabos on June 24, 2021, 06:29:52 AM

Title: How to make my website mobile friendly
Post by: cannabos on June 24, 2021, 06:29:52 AM
HI Everyone

I am having issues making my site mobile device friendly. How do I set this up. It looks amazing on the PC, but not on a mobile device
Title: Re: How to make my website mobile friendly
Post by: maxter on June 26, 2021, 07:30:08 PM
Hey,

This depends on many different things.
Most of the time you need to play with content,  image sizes and CSS edits.
Can you share your link?
Title: Re: How to make my website mobile friendly
Post by: mginz on October 27, 2021, 07:48:32 AM
Being mobile friendly actually important if you have a lot of mobile traffic or in case you think it' important for Google ranks improvement/ 2 different case and different tactics
Title: Re: How to make my website mobile friendly
Post by: JonnyP on November 07, 2021, 08:03:28 PM
Currently there are Templates compatible with mobile devices. Unless you are creating your website from scratch.
Title: Re: How to make my website mobile friendly
Post by: Jasica James on July 26, 2022, 04:54:45 AM
Hey Cannabos,
As you know, now a days mobile users are more then pc browser user so it is very important for you to get mobile friendly website so,
there are plenty of ways to make your website mobile friendly:
1) You can get templates that are already mobile friendly
2) You can do css for responsiveness of your website
3)You can hire some good agency to do it for you
Title: Re: How to make my website mobile friendly
Post by: bappiseo on November 30, 2022, 08:45:19 AM
Hello Everybody

I am having issues making my site mobile device friendly. How do I set this up. It looks amazing on the PC, but not on a mobile device
Title: Re: How to make my website mobile friendly
Post by: tonni on April 23, 2025, 10:06:40 AM
Hi! I totally understand—this is a common issue. If your site looks great on a PC but not on a phone, it might not be using responsive design. The first step is to make sure you have a <meta name="viewport" content="width=device-width, initial-scale=1.0"> tag in the <head> of your HTML. That helps your site adjust to different screen sizes. Also, try using flexible layouts with percentages instead of fixed widths, and test it using browser developer tools to see how it looks on different screen sizes. There are also frameworks like Bootstrap that make this easier. Hope that helps!