Softaculous

Topic : Website doesn't display correctly on mobile phone.


Posted By: ncastrorojas on June 8, 2021, 1:09 am
Hi Guys, i'm so sad and disappointed because one of my customers have acquired the Sitepad plugin to create his website and he made it, he have his website ready and published (Image 1 viewing the website from a PC) but yesterday he wrote me an email telling me that his website looks horrible when trying to access from a mobile phone ( image 2 viewing the website from a mobile phone) . It is supposed that Sitepad websites are responsive but in this case it looks like it doesn't. So my question is that if there is any way to resize all the content automatically to fit a mobile phone screen and show the website in a proper way.

I've tried hiding the main menu on the header page on Mobile phone and tablet and adding the menu widget to only show the menu on Mobile and tablet but even If i adjust the width, lower the font size, etc, there's a link or submenu that doesn't appear on the screen ( Image 3)  so i actually don't know what can i do to have the website running good and displaying everything without any problem on a mobile phone

Please help me guys.

The white rectangles is to protect information about my customer.

Thank you. Have a great day

Posted By: ncastrorojas on June 8, 2021, 1:13 am | Post: 1
Quote From : ncastrorojas June 8, 2021, 1:09 am
Hi Guys, i'm so sad and disappointed because one of my customers have acquired the Sitepad plugin to create his website and he made it, he have his website ready and published (Image 1 viewing the website from a PC) but yesterday he wrote me an email telling me that his website looks horrible when trying to access from a mobile phone ( image 2 viewing the website from a mobile phone) . It is supposed that Sitepad websites are responsive but in this case it looks like it doesn't. So my question is that if there is any way to resize all the content automatically to fit a mobile phone screen and show the website in a proper way.

I've tried hiding the main menu on the header page on Mobile phone and tablet and adding the menu widget to only show the menu on Mobile and tablet but even If i adjust the width, lower the font size, etc, there's a link or submenu that doesn't appear on the screen ( Image 3)  so i actually don't know what can i do to have the website running good and displaying everything without any problem on a mobile phone

Please help me guys.

The white rectangles is to protect information about my customer.

Thank you. Have a great day

Posted By: MicroDrie on June 24, 2021, 6:54 pm | Post: 2
Ok I understand that you designed the website on a large PC screen. There is plenty of space there and when this spacious PC image design is displayed on a small phone screen, it does not look very nice.

A responsive mobile design is a very difficult subject. Look long words in a large font size is difficult to display in a very small phone screen.

There is a good reason why on the right side of the screen there is a TV, tablet and Phone icon to view the design on different screen sizes.

It comes down to finding a balance between short keywords for the menu and the font size used for the rest of the web page information.

You could also opt for a Responsive section, which for the PC consists of three horizontal planes that appear on the phone as three vertical planes. It remains difficult to find something that fits well in extremely small and extremely large.

Posted By: Kenithmils on June 26, 2021, 6:06 am | Post: 3
Hi, Please use a responsive theme and also check it official google tool for their responsiveness.

Posted By: MicroDrie on June 26, 2021, 8:15 pm | Post: 4
The images show that it is a responsive theme, but that the size of the text displays is not in proportion to the available image size.

It is more a possible improvementable choice of the widgets used.

Powered By AEF 1.0.8 © 2007-2008 Electron Inc.