This topic has 9 replies, 3 voices, and was last updated 10 years, 4 months ago ago by Jack Richardson
Hello,
I am using a background image element on my home page but I am having a problem with the way it displays on the mobile site. Is there a way to hide this element on mobile or fix the bug?
Here are the settings I am using for the element:
Parallax effect for background: enable
Parallax speed (from 0.01 to 0.99): 0.1
Padding top: 225
Padding bottom: 225
Extra class name: a-center
I would prefer to have this hidden on mobile devices all together.
Both phones and tablets.
Thank you in advance.
Ali
Hello,
Please provide us with the link to your site and wp-admin panel credentials in Private Content.
Regards,
Eva Kemp.
Hi Eva,
Here is the login info.
Thanks.
Hello,
I’ve added the following code in custom.css file to remove parallax image on mobile device:
@media (max-width: 767px) {div.et_section.no-border.color-scheme-dark.parallax-section.a-center {
display: none;
}}
Please check it now.
Regards,
Eva Kemp.
Thank you Eva,
That works great…your support is amazing!!!
Hi Eva,
Sorry but I just checked and its still showing up on tablets. Specifically iPad and iPad Mini.
Can you please provide the media query to have it not display on tablets as well?
Thanks.
Ali
Hello,
I’ve added the code for tablets as well. Please check now.
Regards,
Eva Kemp.
Yes it works, thanks again Eva. You are amazing!
Hello,
You’re welcome!
Regards,
Jack Richardson
You must be logged in to reply to this topic.Log in/Sign up