Background Image Element - by aahmadi3 - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 10 years, 4 months ago ago by Jack Richardson

  • Avatar: aahmadi3
    aahmadi3
    Participant
    July 26, 2014 at 20:38

    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

    8 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    July 27, 2014 at 10:24

    Hello,

    Please provide us with the link to your site and wp-admin panel credentials in Private Content.

    Regards,
    Eva Kemp.

    Avatar: aahmadi3
    aahmadi3
    Participant
    July 27, 2014 at 15:36

    Hi Eva,
    Here is the login info.
    Thanks.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    July 27, 2014 at 16:05

    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.

    Avatar: aahmadi3
    aahmadi3
    Participant
    July 27, 2014 at 17:22

    Thank you Eva,
    That works great…your support is amazing!!!

    Avatar: aahmadi3
    aahmadi3
    Participant
    July 27, 2014 at 20:59

    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

    Avatar: Eva
    Eva Kemp
    Support staff
    July 28, 2014 at 08:15

    Hello,

    I’ve added the code for tablets as well. Please check now.

    Regards,
    Eva Kemp.

    Avatar: aahmadi3
    aahmadi3
    Participant
    July 28, 2014 at 15:51

    Yes it works, thanks again Eva. You are amazing!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 28, 2014 at 15:56

    Hello,

    You’re welcome!

    Regards,
    Jack Richardson

  • Viewing 9 results - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.