Multicolumn vs table for mobile stacking Dawn Theme

Multicolumn vs table for mobile stacking Dawn Theme

OptegoVision
Excursionist
22 0 28

I want to have a table-like layout of images at the bottom of our website to link to our other websites.  I tried to use the multicolumn feature but I wasn't able to make the images clickable, and also had issues with the images being cut off with the custom CSS.  I added a section of custom liquid and inserted HTML for the table, and it looks great on desktop but of course on mobile it doesn't.  The images need to be clickable to reach our other sites.  Any suggestions on how I can accomplish this?

 

Desktop with table

OptegoVision_0-1676410356973.png

 

Desktop with multicolumn

OptegoVision_1-1676410391642.png

Custom CSS for multicolumn above:

img {
max-width: 100%;
height: auto;
}

 

Mobile with table

OptegoVision_2-1676410460591.png

 

Mobile with multicolumn

OptegoVision_3-1676410480736.png

 

Replies 2 (2)

oscprofessional
Shopify Partner
16344 2438 3180

@OptegoVision ,

Can you share the store URL.. check in the theme customizer area it should have the option to add a link.

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...
OptegoVision
Excursionist
22 0 28

Yes, URL is https://ilidclean.myshopify.com/.  Password ohldao.

 

There is a place to put a link in the customizer, however it is for text.  Not an image.