Custom sidebar navigation affecting editor mode

Hi! 

I'm working on a sidebar navigation for my site (https://voxpopuligallery.squarespace.com/), but I'm noticing that the custom css I'm using to make the menu 100vh is also pushing down some of the section buttons in Editor Mode. 

This isn't affecting how the site looks, and I'd probably get used to it in the back end, but it might be confusing for my client to try and navigate. Is there any way to keep the sidebar navigation a fixed 100vh bar and have all page content 'ignore' that top margin?

Thanks so much!

2 hours ago, slaterm said:

Hi! 

I'm working on a sidebar navigation for my site (https://voxpopuligallery.squarespace.com/), but I'm noticing that the custom css I'm using to make the menu 100vh is also pushing down some of the section buttons in Editor Mode. 

This isn't affecting how the site looks, and I'd probably get used to it in the back end, but it might be confusing for my client to try and navigate. Is there any way to keep the sidebar navigation a fixed 100vh bar and have all page content 'ignore' that top margin?

Thanks so much!

Use the following selector to apply your custom CSS only on client side, not on edit mode

body:not(.sqs-edit-mode) your old selector {
  /*your style*/
}

Hope it can help