Okay
  Public Ticket #1501011
Disable parallax on mobile
Closed

Comments

  • Roberto Ayerbe started the conversation

    Hello,

    I want to use the parallax funtion on teh desktop version, but on the mobile version it get the image huge, i need it to disable it but just for the mobile version.

    Thanxs

  •  630
    Support Agent replied

    Hi Roberto,

    The parallax is disabled on mobile devices.

    Could you please tell how exactly it's displaying on your mobile? Could you send us the screenshot?

    Thanks in advance.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Roberto Ayerbe replied

    Hello,

    This is how it look i sen you a video and a picture of how i want it to be.

    Attached files:  IMG_0728.JPG
      IMG_0730.TRIM.MOV

  •  630
    Support Agent replied

    Hi Roberto,

    In that case, the best option would be to re center the image on mobile devices.

    First please add Extra Class Name to the section.

    Then add the code below to Custom CSS field, and adjust the background position according to your needs.

    @media (max-width: 768px){
        .responsive_display {
            background-position: 42% 50%;
    }
    }

    Let us know if you need additional help.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Roberto Ayerbe replied

    Hello, Thank you for the help, 

    It happen something weird, when i put the custom css, it fix the problem on the mobile version, but on the desktop version the parallax got disable, once i edit the page to add more content, the problem comes again look.

    you can check that i have add the custom css

    Attached files:  IMG_01A5A54AB0B1-1.jpeg
      Captura de pantalla 2018-03-13 a la(s) 9.58.27 p. m..png

  •  630
    Support Agent replied

    Hi Roberto,

    We are not able to replicate the issue on our demo. The parallax is working properly on desktop, and the code is applied on smaller devices.

    Could you please tell us if the issue still occurs in your environment? If so, could you tell us on which device/browser are you testing?

    Thanks in advance.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!