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
Please link your code , preferably in codepen
uhh, it's a laravel based if that's okay, with tailwind
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
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.
i see
okay lemme try reproduce it with only html & css & js
@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
Coding with Robby
YouTube
Creating an infinite logo carousel with pure CSS
In this video we create an infinite logo carousel in a matter of minutes using only CSS.
Starter files: https://github.com/Coding-with-Robby/infinite-logo-carousel/tree/starter
Finished (css): https://github.com/Coding-with-Robby/infinite-logo-carousel/tree/css
Finished (js) https://github.com/Coding-with-Robby/infinite-logo-carousel
works also on mobile and tablet sized screens