Demo Content Showing on Mobile Homepage

This is my first time using the X theme and I absolutely love it! The only issue I’m having is the demo content is showing on my phone homepage. It looks like it should on a tablet but on the phone the demo circle and square image placeholders appear. I’ve searched through the forum and cannot find a way to get these removed and the homepage to appear correct. Any help would be greatly appreciated!

The site is thestablesatthompsonfarms.com

Thanks!

Ben

OK, I found how to remove the demo content from the homepage but I now have a problem with the parallax image of the bride standing on the balcony of the house. It is now showing as the background image instead of a stand alone parallax image. It was working properly until I clicked on the icon below the mobile icon on the bottom left toolbar. Not sure what that did but I can’t get it back to the previous version. I reverted back to a saved file and fixed the desktop look but the mobile still has it as a background image. Any ideas on why the mobile phone version looks that way still? When I’m in cornerstone it looks like it’s supposed to but not once I check it on my phone.

Hi there,

The parallax still is disabled in mobile for performance reasons. You need custom code to make it work on the mobile device. Which is beyond our theme support scope.

Please try adding this CSS to your theme option -> Global CSS.

@media (max-width:979px){
.x-section.bg-image.parallax, .x-section.bg-pattern.parallax {
  background-attachment: fixed !important;
  background-position: center center !important;
}
}

We aren’t sure if the code will work 100%, but you try it.

Thanks for understanding!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.