Margin Alignment - Post ID 263676

User 53728 Photo


Registered User
96 posts

Hi, Everyone:

When displayed on a 4.7-inch (diagonal) iPhone screen, logo picture, and headers 1 & 2, are not aligned to the left margin. Question: What are the design settings in RSD to align the margin settings between the 6&7 breakpoints?

The URL link to the RSD file is available at https://drive.google.com/file/d/0B-I0hZ … sp=sharing

The URL link to the site is available at
https://CforED.com

Cheers,
Hal
User 187934 Photo


Senior Advisor
20,271 posts
Online Now

Hi Hal,
At those break points you have margin set to auto for both the right and left. Adjust those and you should be set.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 53728 Photo


Registered User
96 posts

Eric,

No change in regard to the logo picture, and headers 1 & 2.

Updated URL link is located at
https://CforED.com

Updated RD file is located at
https://drive.google.com/file/d/0B-I0hZ … sp=sharing

Cheers,
Hal
User 2699991 Photo


Registered User
5,402 posts
Online Now

Hello Hal from sunny Bali

Have a look at it here http://balismartproperty.coffeecup.com/index.html not exactly sure if you wanted the Logo offset slightly as in the larger viewport sizes. (If you want the logo to line up straight with the headings (or visa versa, just alter the margins)

Not sure how to share the project back, so if it's anywhere near what you are after fire an e-mail to me and I will attach the project file back.

Have a great day everyone wherever in the world you are.

Wayan
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


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 2706435 Photo


Ambassador
444 posts

It appears you have two separate things occurring. At those breakpoints, the logo needs it margins corrected. At the same time, the header elements were given a text center, when it had a text left alignment. While it seemed that all three elements were suffering from a single setting, there were two different things happening. At the largest breakpoint, there is a large left padding.
User 53728 Photo


Registered User
96 posts

Wayan/Eric/Bill:

What about these modifications to the website:

Updated URL link located at
https://CforED.com

Updated RD file located at
https://drive.google.com/file/d/0B-I0hZ … sp=sharing
User 53728 Photo


Registered User
96 posts

Hi Wayan,

Using RSD, how did you a line margins in H1 & H2?

View attached screenshot image file for details.

Hal
Attachments:
User 2699991 Photo


Registered User
5,402 posts
Online Now

Hal
I have tried attaching the altered project file but I keep getting a "Forbidden "message (even with it zipped

e-mail me (address on my profile) and I will send it to you the good old fashioned reliable way)
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


A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 53728 Photo


Registered User
96 posts

Wayan,
Few questions:

1.) How did you add an additional column (view attached image)?
2.) Why did you flex a column (view attached image)?
3.) In the main grid under dimension; why did you deselect the check box for Height Auto?
4.) In the Header 1, Column, min-height, under dimension; why did you increase the min-height to 50?

Hal
Attachments:
User 53728 Photo


Registered User
96 posts

Wayan / BIll G/ Eric,


Thanks for your help.

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.