Section bkg pattern on mobile not working

Support
#1

Hi! The bkg pattern on mobile is not working on my end. I had installed and uninstalled a cache plugin so not sure if it was a conflict with that.

You’ll see the background pattern of the dog with chef hat (red background) if you scroll below the hero.

#2

Hello @HotDiggityWeb,

Thanks for writing in! Please edit your section and make sure that the background size is set to auto. It should also repeat the background.

We would love to know if this has worked for you. Thank you.

#3

Hi! I’m not seeing those options. I have cornerstone 4.1.2 installed. Also - advanced mode is turned on.

#4

Hello @HotDiggityWeb,

Can please check the version of X that is installed on your site? Since you have updated Cornerstone to the latest version, your X version should also be updated since it will cause an incompatibility issue if only one of them is updated.

The latest version of X to date is 7.1.2.

Here is a link for a details information on how to do an update:

Please remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors or any unexpected display issue on the site.

Hope this helps.

#5

Very strange. I have the most recent version of both cornerstone and X theme and still not seeing those options. I even uninstalled cornerstone and reinstalled. I just went ahead a created a css class.

.everydevice { background-repeat: repeat !important; background-size: auto !important; }

And the pattern now works on mobile :slight_smile:

#6

Hello @HotDiggityWeb,

You are not seeing the options because you are using the classic section element. Anyways, please update the code and use this:

.x-section.everydevice {
  background-repeat: repeat !important;
  background-size: auto !important;
}

This is what I am seeing by the way:

Hope this helps.

1 Like
#7

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