[RodeBoy]

Hi, I would like to keep parallax scrolling on a new site Rose-Florist.co.uk but it is not working due to the following CSS code needed to display the slider on mobiles. Is there a revised CSS code I can use instead which will continue to allow the correct display on mobiles whilst keeping the parallax scrolling operational?

#fullpage .section, #feature-slider-section .hentry {
background-attachment:scroll !important;
}

Thanks,
Chris

[tikaram]

@rodeboy: Try adding the following additional css and let me know if this resolves your issue.

@media screen and (max-width: 812px) {
	#fullpage .section,
	#feature-slider-section .hentry {
		background-attachment: scroll;
	}
}

Regards,
Tikaram

[RodeBoy]

Thank you Tikaram. I haven’t had the chance to try this yet, but will get back to you once I do. Is there a bug with the theme, as without the coding I am using the slider does not display correctly on mobiles. Is this issue that is best resolved within the theme coding, as it applies to all the sites I build using this theme, not just this one?

[RodeBoy]

Your coding worked by replacing the coding I mention with yours. So I have the parallax scrolling on desktop but not on mobiles. In addition your coding affected the slider display on my iPhone in landscape mode. So I am using the following now instead;

@media screen and (max-width: 812px) {
#fullpage .section, #feature-slider-section .hentry {
background-attachment: scroll;
}
}

However I still cannot see why my slider does not display correctly without any of this coding in there, as I mentioned above. Can it not display as per the demo, accepting that the demo uses a header media image and not a slider?

Many thanks, Chris

[Sakin]

Hi Chris,

That issue was fixed already in the theme before in version 2.0.5. I just test in our demo site https://catchbiz.com/ and it’s working fine without any custom CSS. So, you might want to try removing your Custom CSS.

Regards,
Sakin

[RodeBoy]

I have tried removing that CSS and the slider does not display correctly in either iphone or ipad in either portrait or landscape. I have therefore reinstated the CSS as it is for one of my customers and I cannot leave it like that. Obviously the parallax scrolling is not working as a result.

I have also removed the CSS from my own site domainline.co.uk which I am happy to leave for a short time to allow you to look at to see what is going wrong. I accept that my own site uses a header media, not a slider. Both sites are using version 2.2.2

This is now becoming quite an issue on all of my sites that use this theme. Please help!

Thanks
Chris

[RodeBoy]

I am using php 7.3 if that helps

[Sakin]

I am checking in your site domainline.co.uk but I cannot debug it properly as you are using “WP Fastest Cache”. So, can you clear the cache and deactivate that plugin. Then I can check in again.

[RodeBoy]

Done as requested. I now wait your solution to the problem, which affects all of the sites I use this theme on.

Thanks, Chris

[tikaram]

@rodeboy: It looks like you have enabled normal Scrolling on your site. Is it intentional or you are unaware of it. In the demo of the theme normal Scrolling has been disabled.

Regards,
Tikaram

[RodeBoy]

I have unchecked this box, activated Wp fastest cache, cleared cache, and deactivated it again so you can investigate. No change. Please advise further.

[tikaram]

@rodeboy:I will contact you shortly by email.

Regards,
Tikaram

[Author]

Posts