why isn't overflowX:hidden isn't being applied when toggling device toolbar

so i want to test the design breakpoints so that i can apply the different break points; but something bugs me; the device toolbar (the thing that had a laptop & mobile icon in the chrome devtools) isn't respecting the overflowX:hidden; rule applied in body; i wanna do responsive but i don't know how to do it if i can't focus
7 Replies
clevermissfox
clevermissfox4w ago
Please link your code , preferably in codepen
Dev_HK
Dev_HKOP4w ago
uhh, it's a laravel based if that's okay, with tailwind
Jochem
Jochem4w ago
the best way to get help is to share a minimal reproduction in codepen, so something with just enough code to reproduce the problem however you share your site, it's more likely people will be able to help if they can see the problem live in their own browser, with minimal effort on their part. It's very unlikely someone is going to deploy a laravel project just to see if they might be able to help you, but if you link to it deployed somewhere, people are much more likely to click and dig through to find the issue
b1mind
b1mind4w ago
Agree with the others we can only guess without code, but in general you should never put overflow: hidden on body. Put it on the elements parent. Your issue is probably because you pulled the element out of the flow.
Dev_HK
Dev_HKOP4w ago
i see okay lemme try reproduce it with only html & css & js
luca
luca4w ago
@Dev_HK https://www.youtube.com/watch?v=nAjR0Oj0J8E I used this video to do my carousel. It worked well. He has the github repo in his description to. Also I would make the carousel a bit slower personally
luca
luca4w ago
works also on mobile and tablet sized screens
Want results from more Discord servers?
Add your server