my page is too wide to view on mobile - pls help

Hello - I have ver 7.3.3 ----- I made my ( homepage & Shop ) only 800 pixels width.

But when I view on my mobile-phone ( IOS or Android ) --- I can not see the entire page ( trukcate on the right of the screen) ---- I use default template (EVO)

plsease help & tell me what do I have to do can someone help me

here is my site https://lure-retriever.com

pls download my Mobile APP so you can see https://tasunlureretriever.appsme.com

 

please someone help me

Quote · 7 Feb 2017

If it's Evo, then it should adapt to the screen width, even if it's less than 800px. Can you post a screenshot of the issue so I have a better idea?

BoonEx Certified Host: Zarconia.net - Fully Supported Shared and Dedicated for Dolphin
Quote · 7 Feb 2017

Hello

I was not patiently ---- I redesign on my pages, it is the problems with the images on the pages which force the page to be too wide. Si I re-edit all my images, resizes them to much smaller sizes --- my mobile pages are o.k now ---------- I wish I can have max pages width on my sites ------ but have issue with mobile

Thanks

Quote · 7 Feb 2017

 

Hello

I was not patiently ---- I redesign on my pages, it is the problems with the images on the pages which force the page to be too wide. Si I re-edit all my images, resizes them to much smaller sizes --- my mobile pages are o.k now ---------- I wish I can have max pages width on my sites ------ but have issue with mobile

Thanks

It's because the images have a fixed width and height, which means they won't fit inside the blocks if their width is smaller. The quickest way to resolve this is to edit any in HTML or Text blocks to have a 100% width and a max-width with the real width. This will allow it to show normally on larger screens, and resize on smaller ones.

BoonEx Certified Host: Zarconia.net - Fully Supported Shared and Dedicated for Dolphin
Quote · 7 Feb 2017

Thank You so very much - I am working on it and will try your suggestion - Thanks again

Quote · 7 Feb 2017

Hello Nathan

Thanks for explaining to me --- I am in a mess pls help explain this you told me.

The quickest way to resolve this is to edit any in HTML or Text blocks to have a 100% width and a max-width with the real width

please explain what you mean in red text 

Quote · 8 Feb 2017

For example:

 

<img src="path/to/image.png" style="width: 100%; max-width: 400px;">

 

Where the max-width is set to the actual width of the image.

BoonEx Certified Host: Zarconia.net - Fully Supported Shared and Dedicated for Dolphin
Quote · 8 Feb 2017
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.