ELEMENTS Header sizing and line spacing issue

Elements
1

Hello,

I am not new to this forum but am very new to Elements.

I have a few pages of a re-design of my website in RW Classic built using the Foundation stacks. I upgraded to elements and am having a problem before I get through the first page.

I updated to the latest release of Elements before starting the work on this project.

I have a Page Title/Header at the top of the page, and then 2 additional containers with the first 2 sections of the page. I built the basic using a fill screen so I could get a general laptop/desktop layout.

Step One: I move to the phone layout and change the size of my headers (2x). Then I set the line spacing to the minimum. All looks good.

Step Two: I then go to the tablet portrait size tap the appropriate little dot and change the size of my headers (3x or 4x). They get a little larger and still look great.

Step Three: I go to the tablet landscape/small laptop size and tap the appropriate dots. I cannot make the line spacing tighter, but I add some weight to the characters and change the size of my headers (try any settings above 4x). This time, NOTHING GETS LARGER, but all of a sudden the line spacing grows exponentially. I check it out in the Safari preview and see the exact same effect.

An ideas?

Thanks, in advance, for an help that can be offered.

2

UPDATE;

I saw the video that Dan(?) recorded in the developer diary and started looking at it. I am going to put that up on my big screen and then follow along as I already saw a few other things that can make this easier.

Still, I am open to any and all suggestions.

Thanks

2 Likes
3

Perfect, if you do get stuck again, you can share your project via Elements Cloud :slight_smile:

There’s a quick guide on how to sign up and share your project. Once it’s uploaded, you’ll get a shareable link, just paste that here in the forum and we’ll take it from there.

Cheers!