Overlapping columns when editing mode turned on

Re: Overlapping columns when editing mode turned on

by Frederic Nevers -
Number of replies: 0

After a bit more fiddling around I have found that the following works. 

@media (min-width: 768px) {
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #block-region-side-pre,
  .dir-ltr.editing.used-region-side-post.used-region-side-pre #block-region-side-post {
    position: fixed;
  }
  .editing #region-block-side-pre {
    left: 0;
  }
  .editing #region-block-side-post {
    right: 0;
  }

I have tried a multitude of ways to select only the 'editing' part of the class but every time the selection was trumped by the selection below (e.g. using [class*="editing"]). Not sure why. There is most likely a better way of doing what I am trying to achieve and would welcome any hints. For now though, it works so I am a happy bunny (i.e. the block columns are where they are supposed to be, even in when editing is turned on). 

Cheers, 

Fred


Average of ratings: -