Debut Theme - Parallax effect on homepage image.

Solved
Highlighted
New Member
2 0 2

Hello 
it worked for me but only on desktop version

Mobile version still same Nothing changed what to do 

Please advice Thank you :)

1 Like
Highlighted
Shopify Partner
5937 872 2004

@f0w 

Thanks for post.

sorry mobile parallax doesn't properly work all device some device many issues  

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
1 Like
Highlighted
Excursionist
12 0 7

Hi @KetanKumar 

Thank you for your helping out with this code it did help out.

But I'm still having a problem with my mobile version, the menu option won't show correctly. 

Could you please help me with this? 

Sin título.png

 

1 Like
Highlighted
Shopify Partner
5937 872 2004

@Carof 

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


Please share your site URL,
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
1 Like
Highlighted
Excursionist
12 0 7

Hi @KetanKumar 

The URL site is

https://aguaelemental.myshopify.com/

Password: faldau

Thank you so much for your help.

 

1 Like
Highlighted
Shopify Partner
5937 872 2004

@Carof 

Thanks or URL.

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

.mobile-nav-wrapper {
z-index: 9;
    background: #fff;
}

 

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
1 Like
Highlighted
Excursionist
12 0 7

@KetanKumar super thanks!!!

It solved my problem

Carof_0-1594759843330.png

 

1 Like
Highlighted
Shopify Partner
5937 872 2004

@Carof 

Thanks for your support and your compliments.

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
1 Like
Highlighted
Excursionist
12 0 7

Hi @KetanKumar 

For some reason when I added the code you send me (that worked great )  when click at the first option of the drop down menu it sends you automatically to the home page, I have deleted and added again on navigation but it wont work, also I think that by trying to fix it something happened to the drop down menu, because it wont work.

Can you please help, I don't know what to do. 

This is the coding I have added to my Debut theme:

.hero {
background-attachment: fixed;
}

.site-header {
position: absolute;
background-color: transparent;
}

.site-header {
position: absolute;
background-color: transparent;
}

@media only screen and (max-width: 749px) {
.hero {
background-attachment: scroll;
}
}

.mobile-nav-wrapper {
z-index: 9;
background: #fff;
}

.grid {
@include clearfix();
list-style: none;
margin: 0;
padding: 0;
margin-left: -$grid-gutter;
text-align: center;

@include media-query($small) {
margin-left: -$grid-gutter-mobile;
}
}

.price {
display: block;
text-align: center;
}

1 Like
Highlighted
Shopify Partner
5937 872 2004

Hello, @Carof 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

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