Envy Theme Mobile Optimization Announcement Bar and Slideshow

Solved
oruest
Tourist
4 0 3
Hello,
 
I am using the Envy theme and I need to scale my announcement bar for mobile. It currently appears in two lines, I'd like to scale it to mimic desktop. 
 
I also need to scale my slideshow image + overlay text for mobile, so it appears the same as Desktop. Currently, the image is first and the text is very large below the image. 
 
Can anyone help?
 
Thanks! 
 
KetanKumar
Shopify Partner
14401 1672 5182

@oruest 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

sorry your store is password protect can you please share us 
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
oruest
Tourist
4 0 3

The password is iprayg. 

Thank you! 

0 Likes
KetanKumar
Shopify Partner
14401 1672 5182

This is an accepted solution.

@oruest 

Thanks for it 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-index.min.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.notification-bar__message p {font-size: 10px;}
.notification-bar__message{padding: 5px 0px 8px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
oruest
Tourist
4 0 3

Thank you for the reply, this worked perfectly to scale my mobile announcement bar!

I also need help with making the text overlay on top of the slideshow image on my homepage for mobile.

It is currently under the image do you have any suggestions on how to fix this?

Thanks again!  

 

IMG_4366.PNGIMG_D739EAB92061-1.jpeg

KetanKumar
Shopify Partner
14401 1672 5182

@oruest 

sorry for reply

Thanks for update

i have check mobile slideshow text it already overlaps do you have fix?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
oruest
Tourist
4 0 3

Yes, I resized the image for mobile optimization, and now the text overlays, but the text is still too big and the wrong color, do you have any suggestions on how to optimize the scale of the text overlay (only on mobile) and how to change the color to white?

KetanKumar
Shopify Partner
14401 1672 5182

@oruest 

thanks

do you have like this?

KetanKumar_0-1613536715787.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing