Hi there, I am trying to align all the sections of my home page (see screenshots below). On the desktop version the multicolumn section is not aligned to the others, while on the mobile is the rich text that is not aligned. Any suggestions? With best Andrea [Andrecolap_2-1703790018455.png] […

the site is not published yet but here is a link to the preview, password is chonga: https://77af35.myshopify.com/

Hello @Andrecolap You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid .background-none .multicolumn-card__image-wrapper { margin-left: unset !important; margin-right: unset !importan…

Thanks Techlyser_web, the problem is nearly fixed. The only bits that are not aligned now are the descriptions under the images in the multicolumn section (see screenshot). Do you know how I can sort this? Also I would like to add links to the images and descriptions on the multicolumn sections, r…

Hey @Andrecolap You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid .background-none .multicolumn-list .multicolumn-card__info{ padding-left: unset !important; } [techlyser_web_0-…

Thanks Techlyser_web, but this last fix didn’t work. The descriptions in the multicolumn section are still not aligned with the images above them. What I see in your screenshot is exactly what I want. Re the other issue, hpw do I add anchor tag on image and descriptions? Many thanks for your ass…

Note I didn’t restore the original version of theme.liquid before adding the last bit of code.

Hello @Andrecolap You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid .multicolumn-card .multicolumn-card__info { padding-left: 0 !important; } [techlyser_web_0-1703834511617.png] …

Thank you @niraj_patel but for some reasons that didn’t work. It’s all ok from mobile but the text is still not aligned on desktop (see below). Any further ideas? [Andrecolap_0-1703850050915.png]

Also in the multicolumn sections I am trying to add anchor tags on images and descriptions to link them to the collections, but with no success. If you could guide me with this as well, it would be great. Thank you

Hey @Andrecolap You can add code by following these steps Go to Online Store → Theme → Edit code. Open your theme.liquid file Paste the below code before on theme.liquid @media screen and (min-width: 750px){ .background-none .multicolumn-list .multicolumn-card__info{ padding-left: un…

How can I align multicolumn and rich text sections on my homepage?

Store Design

Andrecolap December 30, 2023, 10:02am 22

hi @niraj_patel , if you have any suggestions for my 2 current problems, please do let me know.

With best

Andrea

Topic		Replies	Views
Center Align Multicolumn Section on Home Page Store Design design	2	45	February 6, 2023
Dawn theme - Align multicolumn grid items Store Design design , shopify-themes	9	127	January 30, 2023
Linking multicolumn sections to collections hiding underlining Shopify Discussion troubleshooting	2	27	January 2, 2024
How do you vertically align text in multicolumn Shopify Discussion	5	115	February 9, 2023
Multicolumn section - Link of colection on image Store Design customizations , html	4	53	July 17, 2024

How can I align multicolumn and rich text sections on my homepage?

Related topics