[NSFW] Parallax Footer effect not available on mobile

  • Resolved admin3571

    (@admin3571)


    4 years, 6 months ago

    Hi there,

    I have choosed the footer parallax effect for this new website, and i like it pretty much. It looks really great on desktop screen, but the parallax effect is not working on mobile screen. How to fix it?
    I have turned on “fixed footer” and “parallax effect” for 3 devices screens into the setting options of Footer Widget.

    I have a second question about the same website but not the same topic, is it okay to ask my question by the way?

    My Header is vertical, on the left side. I have uploaded a media menu. The logo in to a circle. I want it to appear only on desktop screen, but not on tablet and mobile. I have tried to clic on “Hide Image” when i do the setting of the mobile screen, but it also hide the media on desktop screen. The settings of all screens are linked. How to do to hide the media only on mobile / tablet screens?

    Thanks in advanced,
    Looking forward to reading your answer
    Marie

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi,

    Parallax features don’t work properly on mobile views so it is not available for mobile devices –
    https://stackoverflow.com/questions/44416732/parallax-scrolling-not-working-on-mobile-css

    Thread Starter admin3571

    (@admin3571)

    Hi,

    Thank your for your answer about parallax.
    Do you have any advice about the second question? My issue is about the media into the vertical header.

    Thanks !

    Hi,

    Try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    @media only screen and (max-width: 959px) {

#site-header {
    background-image: none;
}
}
    Thread Starter admin3571

    (@admin3571)

    Hi Abhi,

    Unfortunately i have no CSS skills, so i copy-past your CSS code but it’s not working. Nothing changed and the media is still appearing on mobile and tablet screen… Do i have to change anything on the CSS code?

    Thanks,
    Marie

    Hi,

    Please try to replace the previous code with this one.

    @media only screen and (max-width: 959px) {

#site-header {
    background-image: none !important;
}
}
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[NSFW] Parallax Footer effect not available on mobile’ is closed to new replies.