Text Image Overlay Image resizing on iOS (iPhone & iPad)

Solved
Shopify Partner
12620 1533 4574

@Padster 

Thanks for update

sorry for IOS  some device is no working parallax effect so i have suggestion remove mobile parallax effect   

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
Explorer
49 5 10

Thanks @KetanKumar  for your help!

 

I have managed to sort that out & it looks great. Really thanks for your support, it's allowed me to really improve the look of the site.
Whilst on a run & feeling like a Shopify master (hahaha) I've tried to add a button too.
It looks good but is appearing before my animate, fade in!?

 

Any ideas how to not show it before the fade in?

 

Thanks again @KetanKumar 

: Paddy

0 Likes
Explorer
49 5 10

o forgot to show it to you - www.open-accounts.com (where it says "all services" at the top).

Its only noticeable with slow internet but as I want to show it on mobiles it may happen... 

 

@Padster 

0 Likes
Tourist
5 0 2

i am having a similar problem and im very lost in these trying to find a solution. my website url is  https://bbbrave.com/

Shopify Partner
12620 1533 4574

@gnewmanbox 

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

Please share your issue screenshot,
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
Tourist
5 0 2

issue screenshot? like the picture i want for both devices as a landing page? how to i do that?

0 Likes
Tourist
5 0 2

this is the picture address

 

https://cdn.shopify.com/s/files/1/0506/6525/9199/files/Brilliant_Beautiful_Brave_2_256x256.png?v=160...

 

idk how to make it my landing page for iphone too. it just zooms in.

0 Likes
Shopify Partner
12620 1533 4574

@gnewmanbox 

Thanks can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
#shopify-section-hero-1  .hero--large {
height: 200px;
    background-size: contain;
}
}

 

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
Tourist
5 0 2

the code did not work....sorry

0 Likes
Shopify Partner
12620 1533 4574

@gnewmanbox 

Thanks for update 

sorry but i can't see our can you please add and let me know

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