I want to change my Text Layout for Mobile phone

Store Design
1

My website is :TOAIArt.com

This is my text layout on my Desktop- Main page :

SurTri_0-1660814480459.png
SurTri_0-1660814480459.png1457×755 403 KB

I created this section by adding HTML code in ‘Rich Text’ section.

But it does not look good on Mobile . Hence I want to change it … to a simpler format.

Where can I insert HTML code for mobile devices?

2

Hi [email removed]SurTri

I am Richard Nguyen from PageFly - Advanced Page Builder. I would love to give you some recommendations.

Go to Online Store > Themes > Edit Code > theme.liquid : after paste this code before element

@media (max-width:767px){

.one-third-column{

width:46% !important;

margin-top: 0px !important;

padding-top: 0px;

}

.one-third-column img{

heigh:185px !important

}

}

Best Regards;

Richard-pagefly

3

Hi Richard , thanks for your response.

However there is no element in theme.liquid

4

Hi SurTri,

you can see it here

RichardNguyen_1-1660873511597.png
RichardNguyen_1-1660873511597.png1304×580 42.6 KB

@media (max-width:767px){ .one-third-column{ width:46% !important; margin-top: 0px !important; padding-top: 0px; } .one-third-column img{ heigh:185px !important } }
5

Thanks a lot Richard , Your solution worked for me !!

6

I glad when can help you