As we can see in the image, the product title " Chrome Hearts" is misaligned with each other on MOBILE only and I would like them to be on the same line. this is happening on the homepage only and I would appreciate any help. The website link is Young Professionals Collective (ypcollective.com) . TIA …

Hi @ypcollective , May I suggest to update code these steps: Go to Store Online-> theme → edit code Layout/theme.liquid Add code below to end of file ( refer screenshot) {% if request.page_type == 'index' %} {% endif %} [EBOOST_0-1722119750304.png]

Thank you so much, id like to follow up by asking if its possible to also have the prices be aligned ?

Hi, You can try to add code below to end of Layout/theme.liquid ( before tag) [EBOOST_0-1722223814270.png]

Product Vendor Misalignment on Mobile (Dawn theme)

Store Design

EBOOST July 29, 2024, 3:33am 4

Hi,

You can try to add code below to end of Layout/theme.liquid ( before tag)

1 Like

Topic		Replies	Views
Product Vendor Misalignment Home Page Dawn Theme Store Design design , collection-page , landing-page , css , troubleshooting , product-page	4	132	July 26, 2024
Product Title misalignment (Dawn theme) Store Design design , customizations , collection-page , css , cart-page , shopify-themes , product-page	4	22	May 27, 2024
Price allignment issue on mobile. Desktop works fine Store Design customizations , shopify-themes , product-page	13	80	October 21, 2024
Align Price & Product Titles on Mobile View Dawn 13.0 Store Design customizations , shopify-themes , troubleshooting , product-page	4	23	March 30, 2024
Refresh theme - How to align the product title and price Store Design css , product-page	16	80	July 7, 2024

Product Vendor Misalignment on Mobile (Dawn theme)

Related topics