Divs show as empty when given explicit height and width

I am working on building my own hamburger menu for a site I just started.

Why is it that the three lines I am trying to use for the hamburger menu lines display as empty divs in the designer? They seem to behave in preview/on publish but it makes it hard to design when I can’t see what they are as I make them.

P.S. You will have to go to the tablet breakpoint to see what I am referring to.

Can someone help?

Here is my site Read-Only: Webflow - Lighting Template

Bumping this. I am still stumped and could really use some help. Thank you!

Figured it out.

This was for a div with only a background color and width/height on the tablet breakpoint, and was hidden on the default breakpoint. Apparently, if you don’t assign a width/height to on the default breakpoint but decide to assign width/height on other breakpoints it will still show as empty on those other breakpoints in the designer. So just add an arbitrary dimension to the hidden div on the default breakpoint.

Posting this in case anyone else is trying to figure this out.