-
Posts
-
HI.
I have a layout for the home page that looks perfect in Desktop mode but compressed in Tablet mode and looks terrible in mobile mode. The Margins or padding left and right for the rows that begin with: Working With Us is Easy and Hi. I’m Robert are the rows in question.
Note: The row beginning with: Do Your Outdoor Areas Need a Makeover? looks very nice in all modes. I worked with Chat GPT in Appearance…Customize…CSS to resolve the layout issues for this row. Chat GPT seems unable to resolve the other two rows,
Please review this screenshot video: https://www.awesomescreenshot.com/video/41493405?key=78aeb216a83b4cc7d4c8017d672fef92
It presents the problem at hand.
I would appreciate it if you could please advise me on how to fix the problems with the layout with these columns on the home page.
Hey kurson,
Thank you for the inquiry.
In the “hello” Grid Row element or section, try to edit the cells and adjust the padding for smaller screens as shown in the screenshot below. This should remove the extra gaps around the cells and create more space for the content.
Let us know if you need more info.
Best regards,
IsmaelSetting the padding to zero resolves it.
RE: Let us know if you need more info.
I’m looking for consistency.
The H2 code from: Do Your Outdoor Areas Need a Makeover?
I duplicated for:
Working With Us is Easy
I like how: Do Your Outdoor Areas Need a Makeover? looks
Q: why does : Working With Us is Easy not look the same size?
Going on this:
I’d like to apply the same settings to Hi I’m Robert text and eliminate the large padding between the Hi I’m Robert title and the main text.
I adjusted the separator to -25px but that does not resolve anything,
Can you please advise on resolving what should be easy easy style fixes?
Finally, there is a ridiculous amount of space between the Testimonials row and the title You Deserve an Outdoor Area You Love. I don;t seem to see clearly where to resolve this spacing issue.
Please advise.
Hi,
Thanks for the update.
Q: why does : Working With Us is Easy not look the same size?
The font size of both headings is the same —- 28px.
You can apply the same font size to the “Hi, I’m Robert” heading, remove the 30px padding, and delete the horizontal separator element after it to reduce the space between the heading and the text below.
Best regards,
Ismael
- You must be logged in to reply to this topic.