Fix your Concrete 5 theme's css issues in edit mode

A lot of people have the problem that when you are logged into the Concrete5 backend, the edit bar can move things around in your design. Here is an easy way to add a specific class to your <body> tag so you can adjust positions of anything on the page while the edit bar is visible.

Replace your body tag in your Concrete5 theme’s header.php with the following:

<body <?php global $cp; echo ($cp->canWrite()) ? 'class="c5-edit-mode"' : ''; ?> >

When you are logged into the dashboard and viewing pages though the sitemap, your body tag will look like this:

<body class="c5-edit-mode">

Now you can adjust your CSS, able to single out any classes or IDs.

Nothing new, but an essential bit of code for theme display issues in concrete 5's edit mode.

(Source: defunctlife.com)