Hello again! I just finished a couple of pages with rich text (large header) but came across a problem. The text itself is fine on mobile, but the header is too big and stretches over two or even three lines. I googled for solutions first and came across those two: https://community.shopify.com/…

@GenericStoreAdm - please add this css to the very end of your base.css file and check @media screen and (max-width:749px){ h2.rich-text__heading {font-size: 16px !important;} .rich-text__text p{font-size: 12px !important;} .rich-text__blocks {max-width: calc(100% - 4rem) !important;} } [suyash1_…

How can I adjust the mobile header size in a rich text Dawn theme?

Store Design

KN2002 March 11, 2025, 11:27am 7

Hi, this solution worked for me - but 1 problem my text is getting a little middle left aligned when I am looking at my phone view

Topic		Replies	Views
How to reduce the size of the rich text header on mobile in Dawn theme Store Design	1	30	April 6, 2022
How to change size of a rich text mobile version dawn theme Store Design design , customizations , css , shopify-themes	6	19	November 14, 2022
How to increase the size of a individual rich text heading (mobile only) Store Design	5	12	May 13, 2022
How can I alter the font size in the Dawn theme? Store Design	4	147	December 16, 2022
Dawn Theme: Adjust sizing for mobile of Rich Text block font and Page title padding on mobile. Store Feedback design-feedback	1	12	November 25, 2024

How can I adjust the mobile header size in a rich text Dawn theme?

Related topics