Change colour on mobile for part of a section (Local Theme)

Solved

Hi there! 

 

I was just wondering how I can change the color of below highlighted part of the section just on mobile.

 

Screenshot 2019-12-12 at 10.55.01.png

 

on mobile it has a white background and kind of blends in with the next section which makes it look a bit messy, see below:

Screenshot 2019-12-12 at 10.49.48.png

 

What could I add to scss file to achieve this? I'd want to make it the same grey color as some of the other sections have: #F7F7F7

Thanks so much!

0 Likes
Highlighted
Shopify Expert
2513 423 532

Hi @Infratech_Digit 

Send your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Shopify Partner
1151 93 141

Please Share a store url to better asssit

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes

Can't believe I forgot that ! @Perennial @Jasoliya

 

  https://vegansushi.com/

 

thanks for taking a look!

0 Likes

Success.

Shopify Expert
2513 423 532

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

 

 @media only screen and (max-width: 767px) {
#shopify-section-1522436578326 .caption.left.middle{ background: black; color: white;}
}

 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like

hi @Jasoliya thanks so much! I change black into #F7F7F7 and white back to black and now it's perfect, thank u!!

0 Likes

@Jasoliya  just one more question, would it be possible at all to position that block with text above the image instead of below?

0 Likes

Success.

Shopify Expert
2513 423 532
 @media only screen and (max-width: 767px) {
#shopify-section-1522436578326 .caption.left.middle{ top: 77px; position: absolute; left: 8%;}
}

Manage top, lett as you wish

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like

Thank u, looks much better now. really appreciate it!

0 Likes