I have an svg, which I created from a Sketchup model (using Layout to make it into a pdf, then using Illustrator to turn the line drawing into an svg). It’s supposed to look like this.
That svg is quite large, though, because it has a lot of duplicate paths. So in Illustrator I outlined the paths and combined them all into one shape. This makes the svg almost four times smaller. However, in the browser, it now looks like this. Some lines (which aren't really lines anymore) look like they disappear. (It looks the same in Illustrator.)
Anyone have any idea why?
What it suppose look like, there in that we have 5 floors and 2 of the side boxes are frozen, and in the resulted one none of them are frozen and there is a split on hover, I mean the entire floor is not getting highlighted.
I think you should look in to the grouping of these layers. As you said it, you exported the Sketchup file into PDF. Usually PDF files regroup objects while exporting. I suggest you to look in to exporting options and if that is not possible then I think you need to check the layers structure and the grouping stays as is, in both Sketchup and illustrator of that PDF.