Parallax Not Working On Phones or Tablets

Support
#1

**How do I get parallax to work for both of my websites on mobile? **
I’ve tried everything I had found on your boards. Please Help!

oneblowdrybar Midtown
https://www.oneblowdrybar.com

#2

Hey @oneblowdrybar,

Unfortunately parallax effect is not available for mobile devices, Have you tried the solution given in this link(https://theme.co/apex/forums/topic/parallax-scrolling-on-mobile-devices/)?

Hope this helps.

Regards

#3

that page doesnt exist

#4

Hey @oneblowdrybar,

Apologies for inconvenience, Check the link now.
You can also try this code :

@media (max-width:979px){

.x-section.bg-image.parallax, .x-section.bg-pattern.parallax {
  background-attachment: fixed !important;
  background-position: center center !important;
}
}

Hope that helps.

Regards

#5

Am working on a redesign and using X Theme with Cornerstone for the home page. I have a HP Spectre x360 15" laptop/tablet with a 4K screen. Parallax images don’t work on this screen = 3840 x 2160, they only work on traditional screens. So there seems to be a correlation between tablets/phones and 4K screens?

I found this entry and while your proposed code didn’t work well for me on my tablet (iPad) or phone (Samsung) it worked perfectly on my 4K screen. I adapted the code for my purposes and it works fine now.

@media only screen
  and (min-width:1025px) and (max-width:3840px){

.x-section.bg-image.parallax, .x-section.bg-pattern.parallax {
  background-attachment: fixed !important;
  background-position: top center !important;
  }
}
#6

Hi,

Thanks for sharing the code, glad to know it works fine now.

Have a great day!

#7

Hello there,

By chance, is there any way to get the parallax working on mobile devices without entering the code ?

Thanks :slight_smile: ,

Julien

#8

Hi there,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

#9

Thanks Joao,

I am gonna figure out something anyway :wink:

Have a good day.

Julien

#10

You too :slight_smile:

Thanks for understading.