How to make text in multicolumn full width with image in sense theme

Store Design
,
1

The text box width is always smaller than the image width in multicolumn so it leaves so much space on both sides (the 1st image). Does anyone know how to make the text box width to be as same as the image width (the second image)? Btw the theme is sense theme.

Capture11.JPG
Capture11.JPG357×289 16.1 KB

Capture111.JPG
Capture111.JPG440×355 13.6 KB

2

@JohnLiam231 add below css into base.css file

@media (max-width:425px){
.multicolumn-card__info {
    width: 100% !important;
}
}
3

Hello,

Can you please provide us page link so we can check and help you out.

Regards

AOD

4

Hello, here is the preview of my store

https://u3p7unsxizynsqxz-74819961131.shopifypreview.com

The problem happened on mobile mode, desktop mode looks fine

Thanks

5

I’ve added the code but nothing change

here is the preview of my store

https://u3p7unsxizynsqxz-74819961131.shopifypreview.com

The problem happened on mobile mode, desktop mode looks fine

Thanks

6

@JohnLiam231 add below code

@media (max-width:768px)
{
.background-none .multicolumn-list:not(.slider) .center .multicolumn-card__info {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}

Ujjaval_0-1683806474179.png
Ujjaval_0-1683806474179.png421×615 51.1 KB

1 Like
7

Thanks, it works, you are a genius