Multicolumn layout problems, after making my images clickable.

Solved

Multicolumn layout problems, after making my images clickable.

RodorianJewel
Excursionist
15 2 1
Hello Community:
Having Multicolumn layout problems. I entered a code in my Code editor to make my images clickable in my shopify dawn 2.0 store. The code worked, but it changed my orginal 3 columns, to 2 columns and made the images to large. How do I retrieve my orginal layout of 3 multicolumnClickable Image 3.jpgclickable image.jpgClickable Image 2.jpg and images resized to orginal width and height.
Thank you Kindly for your support.
Robert Dorsey
info@rodorianjewel.com
RodorianJewel
Accepted Solution (1)

Darshanp712
Shopify Partner
137 21 18

This is an accepted solution.

Hello, @RodorianJewel Please give a preview URL of this issue. So I can checked it with any changes in the classes and structure have occurred or not!!

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.

View solution in original post

Replies 4 (4)

Darshanp712
Shopify Partner
137 21 18

This is an accepted solution.

Hello, @RodorianJewel Please give a preview URL of this issue. So I can checked it with any changes in the classes and structure have occurred or not!!

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.
RodorianJewel
Excursionist
15 2 1

Hello Darshanp712:  Sorry it has taken me so long to responed, please forgive.  Yes, I like the multicolum look and would like to keep it.  The code I used has made all the images clickable.  But, has made all my image sizes small and in a rectangluar box, cant recognize any of the photos.  Here is a update photos on what it's looking like now. I understand you asked for my url and code to my paused site. (URL:  rodorianjewel.com ) ( Paused code: hQH?371= )  Darshanp712, I want to gratefully thank you for your support.

Robert Dorsey

@rodor1960Shoify help 1.jpgShoify help 2.jpg

 

 

RodorianJewel
Darshanp712
Shopify Partner
137 21 18

Hello @RodorianJewel, I apologize for the late response! Please remove or comment the below CSS from the file named "section-multicolumn.css" from assets.

 

@media screen and (min-width: 990px) {
    .multicolumn-list__item .media--adapt {
        padding-bottom: 15% !important;
    }
}

/* remove this CSS from edit code -> assets -> section-multicolumn.css */

 

 

Please look its worked complete and perfect!

Darshanp712_0-1717995942880.png

 

If still you have any queries then please let me know.

 

 

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.
RodorianJewel
Excursionist
15 2 1

To you my noble friend Darshanp712: Your expertise is on the spot. You have solved all of multicolumn problems i was having.  In this I say much thanks to you for your time.  You have done nothing less then show and prove your highly professional talent for those of us who surly need your support.

Rodorian Jewel

Robert Dorsey

@rodor1960

RodorianJewel