Brooklyn Theme - Center text & button for 'image with text' on mobile

Solved
New Member
2 0 0

I'm hoping theres a simple fix for this. I've searched the forum but haven't found what I need.

I'm using the brooklyn theme and in one section the 'image with text' is set to left.  Looks just perfect on desktop. On mobile, I'd like this section to be centered instead of left justified. The title, image (basically is already), body text, and the button I've turned on in this section.

Any ideas? Thanks!

0 Likes

Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

Success.

Shopify Expert
665 170 199

Hi, @csweets ,

This is Evita from On The Map.

 

You can try this code.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file.

 

@media screen and (max-width: 768px) {
   .feature-row__item {
      text-align: center;
   }
}

 

Best, Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
2 0 0

@OTM wrote:

Hi, @csweets ,

This is Evita from On The Map.

 

You can try this code.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file.

 

@media screen and (max-width: 768px) {
   .feature-row__item {
      text-align: center;
   }
}

 

Best, Evita


That worked perfectly. Thank you!

0 Likes