How to align text on mobile

[CreatorTim]

Hi, how can I align the text to the level of the image? I only want to do this for this section:

So I just want the text to be more below the image, BUT I don’t want it centered, I want it normally aligned to the left, just moved to the level of the image.

Here’s my store URL: https://1049xn-ya.myshopify.com/

Thanks a lot,
Tim

[DaisyVo]

Hi @CreatorTim 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

@media screen and (max-width: 768px){
h2.image-with-text__heading.inline-richtext.h1 {
    text-align: center !important;
}
div.image-with-text__content {
    align-items: center !important;
}
}

Here is the result: 

I hope this helps

Best,

Daisy

[CreatorTim]

Hey, I didn’t want the text centered. I want it to stay left-aligned, but just moved to the middle.

Thanks,
Tim

[DaisyVo · Accepted solution]

Hi @CreatorTim 

Please add this code

@media screen and (max-width: 768px){
.image-with-text__text-item.grid__item {
    padding-inline: 30px;
}
}

Best,

Daisy 

[CreatorTim]

Thank you!