Image with Text - Making Mobile Image Full Width, Left Aligned Text, and Centered CTA Button

Solved
huxleyusa
Tourist
5 0 2

Hi, I wanted to see if someone had suggestion for update to Brooklyn theme for mobile to Image with Text feature.

MOBILE ONLY

1.) Image full width

2.) Text left aligned

3.) CTA center aligned

I was able to get the CTA centered with the text but now I just want the button centered and the text left.

SHOP:  huxley-secret-of-sahara.myshopify.com

Thank you!

John

0 Likes
Pallavi
Shopify Expert
2180 354 464

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

@media screen and (max-width: 749px){
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
text-align: left;
}
.feature-row__image {
margin: 0 -15px;
min-width: calc(100% + 30px);
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Natztech
Shopify Partner
1319 362 900

This is an accepted solution.

hello @huxleyusa 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 749px){
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, span , p {
text-align: left !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
huxleyusa
Tourist
5 0 2

Thanks so much for the help.  These both worked, needed to add in some padding also to make the heading text more distant.

Pallavi
Shopify Expert
2180 354 464

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes