Missing items when screen size is small

838 views Asked by At

I've been trying to fix this issue for a week. I was asked to remove a form from a third party provider which I did, added an email link and it works.

This site was created in Muse by someone else. It's giving me a warning that items are missing. (prior to adding the email link) I can't find those either, as far as I can tell nothing is missing.

I added two columns with responsive code but when I shrink the screen the items disappear. Here is a link to the page HeartSongYogaStudio - contactcopy

enter code here = does not work so I've added a screen shot

Code

...some omitted because it's too long

1

There are 1 answers

6
Scott Weaver On

I see a couple issues in the CSS:

1: remove overflow:hidden on .widget-item, because it's overflowing and clipping the content when you squeeze the screen.

2 remove class .breakpoint on the top level div, because there's a media query or script somewhere that's removing class active on that div at smaller screen widths, resulting in display:none. (what's the breakpoint stuff doing?)

*the attached image shows the page rendering more normally with these attributes/classes removed:

enter image description here