Did Something Change? CSS not Working Anymore

Darter02

Was there a change recently on the back end of the site? I noticed today that something that has been working using CSS is now not working.

On the right side of my All Galleries level I'd placed a spine breadcrumb that only appears on desktop screens. Using CSS I was able to place it, and it was also rotated to appear vertical. The text was oriented horizontally, but everthing stacked vertically. In other words, at the top was the Home Icon, and then each folder level appeared under that going down the side of the page.

This is the code I used to place the "spine" breadcrumb.

/*Place spine breadcrumb*/
@media screen and (min-width: 768px) {
 .sm-page-widget-6266593 .sm-breadcrumb {
   opacity: 1;
   position: fixed;
   top: 0;
   left: 94%;
   width: 0;
   margin-left: 5px;
   margin-top: 250px;
   text-align: left;
   padding: 0;
   z-index: 99;
 }
}


@media screen and (max-width: 1024px) {
 .sm-page-widget-6266593 .sm-breadcrumb {
   display:none;
 }
}

Today it no longer stacks vertically, but extends horizontally off the page to the left. In the customizer when I open the CSS block I'd placed my code into it often appears as empty with no code at all. What's going on?



A galley on my site.

Darter02

Added this to fix it.

-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
 }