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! 
 
Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2496 9027

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 9 (9)
KetanKumar
Shopify Partner
24919 2496 9027

@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 Partner | 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

The password is iprayg. 

Thank you! 

KetanKumar
Shopify Partner
24919 2496 9027

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

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
24919 2496 9027

@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 Partner | 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
24919 2496 9027

@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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
zoeandtom
New Member
1 0 1

Hi - I dont have asset/theme.index.min.ss - what do i do?

KetanKumar
Shopify Partner
24919 2496 9027

@zoeandtom 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing