Need help with pictures

User 498353 Photo


Registered User
21 posts

I'm obviously not very good at this!

I have a single page website at http://www.summerglen.net

The pictures are not displaying on my iPhone XR in portrait mode, but they do in landscape mode. They seem OK on my iPad Pro 12.9 and computer screens.

I uploaded the .rsd file to https://bestpracticesrealty.s3.amazonaw … len-01.rsd

Thanks for any help.
User 379556 Photo


Registered User
1,535 posts

I think the problem is that below the first breakpoint the max-width is set to "0px" instead of to "none".

To make the change under the Dimensions heading in the Layout section of the Styles panel, I would click on the 'px' next to the word 'Max' and select 'none' from the drop-down list that appears.

Frank
User 498353 Photo


Registered User
21 posts

Thanks, Frank. That was very helpful.

Now I need to get rid of the extra space above and below the video (per the attached screenshot) It's particularly bad on the iPhone in portrait.
Attachments:
User 122279 Photo


Senior Advisor
14,450 posts

Instead of using an iframe in a html element for the video, it's better to use the element 'video-platform'.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 498353 Photo


Registered User
21 posts

Thanks Inger, that fixed it.
User 498353 Photo


Registered User
21 posts

Hi everyone! What's the best way to center the bullet list below the map at http://www.summerglen.net ?

User 122279 Photo


Senior Advisor
14,450 posts

Pop it in a div. Then set that div to display flex, and justify center.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,450 posts

Here, a wee example.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 498353 Photo


Registered User
21 posts

Hi, I guess I'm 'image challenged'! The three attached images are from 'preview on Google Chrome. The red arrow in each indicates the graphic that I'm having trouble with. The image is in a container and centered. It looks fine in preview at different widths, but not online at http://www.fossilsa.com/loans.html where it is left justified and way too small regardless of the width of the browser window. I have uploaded the .rsd file to https://showcase.dropbox.com/doc/Untitl … FUAhYtUkKB
Attachments:
User 2699991 Photo


Registered User
4,799 posts
Online Now

Denis McNamara wrote:
Hi, I guess I'm 'image challenged'! The three attached images are from 'preview on Google Chrome. The red arrow in each indicates the graphic that I'm having trouble with. The image is in a container and centered. It looks fine in preview at different widths, but not online at http://www.fossilsa.com/loans.html where it is left justified and way too small regardless of the width of the browser window. I have uploaded the .rsd file to https://showcase.dropbox.com/doc/Untitl … FUAhYtUkKB


I think you should re-load it to the site (FTP) first deleting all previous file on your sever

I think it's to do with the height of the video platform container, the problem here is that in Indonesia Vimeo is blocked by the Indonesian censor, so I can't check it out properly but I think that video size is the problem, it's squishing the image container
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.