简体   繁体   中英

Missing items when screen size is small

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

代码

...some omitted because it's too long

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:

在此处输入图片说明

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM