Hello just want to say I really enjoy using this theme for my projects. Are you able to give me a little bit of help please?

I have a page background which shows up on all devices apart from mobile which is because i believe the width of the grid for the mobile is 100%? Therefore I cannot see the page background on mobile devices. How could I show the page background down the sides of the container for mobile devices, just like on all other devices?

I've attached two screenshots - one shows how you can see the page background on all other devices down the sides of the grid, and the other shows the mobile version where you cannot see the page background apart from at the footer. Can I just use margin-left: auto and margin-right: auto CSS for the mobile grid to achieve this?

Thank you.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

carlbowles100’s picture

I've been playing around with this, if I add the following CSS to global.css it seems to work, however is this the best way to accomplish this?

.zone {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}