Dawn Theme - element "Image With Text" size on Tablet like on mobile

Technical Q&A

Topic summary

A user seeks to modify the Dawn theme’s “Image with Text” element so it displays in two rows on tablets, matching the mobile layout instead of the current desktop-style single row.

Solution Provided:

  • Access theme code via Online Store > Theme > Edit code
  • Open the theme.liquid file
  • Insert custom CSS markup before the </head> tag

The CSS targets tablet viewports to force the two-row stacked layout. The user confirmed the solution worked successfully.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hello,

How can I edit that on tablets the element image with text goes in 2 rows like on mobile?

Now it’s like this:

dawn1.png
dawn1.png539×773 155 KB

I need this on tablet like this:

dawn2.png
dawn2.png392×843 126 KB

2

Hello @dalibr ,

It’s GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1679198104519.png
GemPages_0-1679198104519.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

1 Like
3

Thanks

1 Like
4

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team