I'm trying to change the grid system in the Zen theme to use susy but can not find any documentation on how to do it with the 7.5.5 version.

I have installed susy through compass and have added require 'susy' to my config.rb file.

But from here I'm not sure what I need to do.

Do I have to delete the _responsive.scss file that comes with Zen and code my own?

If anyone could provide a run down of the steps needed that would be very helpful.

Many thanks,


1 Answer 1


Do I have to delete the _responsive.scss file that comes with Zen and code my own?

Whether you delete specific files or not is incidental, but what you do need to do is replace everything in Zen's default Sass that relates to grids with your Susy-based system.

Because of the nature of Susy there's a good chance you won't need to change any of the markup Zen builds, but of course your mileage may vary depending on exactly how customised your theme is.

  • Thanks Clive, you've put me on track. It seems like it's only _responsive.scss that relates to zen-grids from what I can see.
    – T Mardi
    Jul 31, 2014 at 12:34

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.