-
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,
IsmaelNote: the section Working With Us is Easy
Talk (1) is missing the (1) in green on a mobile device, Q: how do I make it visible? (Tested on a Samsung Galaxy s24.
RE: 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.
I’m not seeing these options under: https://blgenvironmental.com/wp-admin/post.php?post=1104&action=edit&classic-editor
The Text Block Content is configured as an H@ header under the content tab. The styling and advanced tabs have no settings for Padding.
Side Question: How do upload images and screenshots in this support system?
Please advise.
Hi,
You can set the font size by editing the Special Heading element containing the text “Hi, I’m Robert”. Look for the Styling > Font Sizes > Heading Font Size option, as shown in the screenshot below.
For the screenshot, you can use platforms like Savvyify, Imgur or Dropbox.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
Ismael
- You must be logged in to reply to this topic.