Expanded Images on the new Grid system with text floating over them - not quite working

Support
#1

I’m not sure what I am doing wrong, but can’t seem to get this page to stay stable. The images keep collapsing when they have the text . I suspect it is related to the global containment, but not sure. If you look at this page in tablet size, the middle cat gets really weird, etc.: https://timhailandstudio.wpcomstaging.com/test/

Thanks in advance for any assistance.
Mic

#2

Hello Mic,

Thanks for writing in!

Are you referring to this one?

Screen Shot 2021-11-05 at 9.41.11 AM
Screen Shot 2021-11-05 at 9.41.11 AM898×1118 286 KB

Kindly set a minimum height in each of your Cells so that on smaller screens, it will always have the same height.

Screen Shot 2021-11-05 at 10.48.52 AM
Screen Shot 2021-11-05 at 10.48.52 AM720×1302 64.3 KB

In your case, if the minimum height is set to 400 pixels, you would have this layout:

Screen Shot 2021-11-05 at 9.42.46 AM
Screen Shot 2021-11-05 at 9.42.46 AM894×1646 555 KB

Best Regards.

#3

Thanks, Ruenel!

#4

You are most welcome @micduggan

#5

Hi friends!
Sorry to keep bothering you, but now I can’t seem to get them to work right on tablet. It’s all over the place. Phone and laptop both seem fine, though. Any advice?
Thanks,
Mic

#6

Hey Mic,

On tablet screens, I am seeing this:

Screen Shot 2021-11-07 at 12.51.25 PM
Screen Shot 2021-11-07 at 12.51.25 PM2046×1528 635 KB

Screen Shot 2021-11-07 at 12.51.50 PM
Screen Shot 2021-11-07 at 12.51.50 PM1532×1942 512 KB

1.) You will have to adjust your navigation items on tablet screens. You can minimize the space of the menu items so that they will fit on tablet screens. You can do that by reducing the space in Cornerstone > Theme Options > Headers > Links Alignment.

2.) You also would need to set a maximum width to your Headline element so that it will not go beyond the bounds of the column.

Screen Shot 2021-11-07 at 12.56.13 PM
Screen Shot 2021-11-07 at 12.56.13 PM712×872 40.2 KB

It should display like this:

Screen Shot 2021-11-07 at 12.54.50 PM
Screen Shot 2021-11-07 at 12.54.50 PM1496×1012 454 KB

And to display the full text of the Headline element, you would have to set the text Overflow back to “Normal”.

Screen Shot 2021-11-07 at 12.57.44 PM
Screen Shot 2021-11-07 at 12.57.44 PM714×1076 53.5 KB

Kindly let us know how it goes.

#7

Still the same problem with lining up three columns across. It works on Kindle tablet, but not iPad. Any advice?

#8

Hello Mic,

Can you please send us a screenshot of how it looks like on your iPad? Please send both the landscape and portrait mode on your iPad screen.

Thanks.

#9

Here’s what it looks like in LANDSCAPE right now…

LANDSCAPEscreenIPAD
LANDSCAPEscreenIPAD2048×1536 268 KB

and here is PORTRAIT right now…

PORTRAITscreenIPAD
PORTRAITscreenIPAD1536×2048 371 KB

#10

BASE-idea
BASE-idea1480×860 276 KB
This is the base idea for LANDSCAPE. I think the client would be fine with it stacking in Portrait, but would prefer this…

#11

Hello Mic,

Can you please provide us with your WP credentials on a secure note again? I can’t seem to find the correct log details from your previous threads. I want to check something in your Grid/Cell element settings.

Best Regards.

#12

Hi Ruenel - Thank you. I have attached the login now.

#13

Hello Mic,

I am having trouble logging in. Can you please deactivate the Jetpack plugin?

Thank you in advance.

#14

Ruenel,
So sorry, I gave you the wrong info. The username was misspelled. I sent you the correct one just now.
Best,
Mic

#15

Hello Mic,

Now, the password is incorrect. Please have it updated.

Thanks.

#16

Eesh. This hosting service is crazy-making. I just sent you an updated password. Sorry for all the trouble.

#17

Hey Mic,

The password is still not working.

Thanks.

#18

Hey Mic,

The new password still doesn’t work.

#19

Apparently I need to get you another login. Thanks for your patience.

#20

Hi Mic,

I don’t see any updated password in the secure note. Please update them with the correct ones.

Thank you.