Streaming live at 10am (PST)

Styling element on Mobile affects Tablet

For some reason, when I apply style changes to the Mobile (L) breakpoint, it is affecting the Tablet breakpoint. For instance, when I hide an element or change an alignment, the change also occurs for the Tablet breakpoint. I am not having this problem when I make changes on the smallest breakpoint, Mobile §. Is there something that I accidentally checked off somewhere? Super frustrating! Thanks for the help, all!

Amy


Hi,

Could you post your read only link please?

Thanks

Sure! Maybe my work is a bit messy, very much a beginner here :grimacing:

https://preview.webflow.com/preview/veev-design-9e83ad?utm_medium=preview_link&utm_source=designer&utm_content=veev-design-9e83ad&preview=75f2cea132338ac12167af2c73f52946&pageId=5ec6f54643cde27a9224b51d&mode=preview

Hi I just took a look and it seems to be working fine? Is it a specific element you’re having problems with? I just had a play around with hiding one of the div blocks on the Landscape Mobile breakpoint and it didn’t effect any of the breakpoints.

P.S I like the brutalist design

Thanks so much for taking a look! Really appreciate it :grinning:

Hmm, it’s still causing me problems. Again, no issue with style changes on the smallest breakpoint affecting other breakpoints. It’s just changes to the wide mobile breakpoint that seems to be affecting the tablet styles.

For instance, when I hide “Div Block 15”, it disappears on the Tablet breakpoints (see screenshot).

…the odd thing is that in tablet mode it’s showing that the display is on (on the menu bar), but the element disappears as if it were hidden.

I’m really not sure, I’ve just tested this and it’s working fine for me. After hiding it on mobile landscape it still shows up in tablet mode both in the builder and in the preview.

Do you have a link to the published version I can check?

weird… when I make the changes in the read-only version, there’s no problem at all, just as you’ve encountered. Maybe some kind of bug? I wonder why that would be. I’ve tried logging in and out, and duplicating the site, but same issue.

do you mean a link to the published site? https://veev-design-9e83ad.webflow.io/news

again, very much appreciate it!

The breakpoints seem to working fine from what I can tell on the published link. What specifically is it with the breakpoints that you’re trying to do that won’t work?

I’m trying to hide an image and make the text block the full viewport width. Screenshot 1 shows what I’m trying to hide in Mobile landscape. Screenshot 2 shows Mobile Landscape after it is hidden and the text block is made wider, and Screenshot 3 shows how the changes also occur in tablet mode.

I just made this change and republished it… it seems like it is displaying correctly on the published site, just not in webflow?



published here: https://veev-design-9e83ad-3c883b05a642f7302694.webflow.io/news

I’m very confused because it’s working fine for me - see screenshots below of what I can see.


yeah, so strange! it’s working for me too when I’m in read-only mode.