hairynervous Posted September 12, 2019 Share Posted September 12, 2019 www.thomascallahan.pw I used this tutorial to create the slideshows on my portfolio website. The problem is only on mobile (and doesn't show up with resizing the desktop window/inspector tool on Chrome), where the left scroll button's width is stretching across the whole image. I can't figure out what is causing this in W3School's stylesheet, which I copied into my own stylesheet. The relevant HTML is: <button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">❮</button> and relevant CSS (I think) is: .w3-button { border: none; display: inline-block; position: relative; right: 0; padding: 8px 16px; vertical-align: middle; overflow: hidden; text-decoration: none; color: black; background-color: white; text-align: center; cursor: pointer; white-space: nowrap } .w3-display-left { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); -ms-transform: translate(-0%, -50%) } There are a few more .w3-buttons in the stylesheet though. I just really don't know where to begin. Link to comment Share on other sites More sharing options...
dsonesuk Posted September 13, 2019 Share Posted September 13, 2019 Right:0; along with left:0%; forces it all the way to left and all the way to the right. Link to comment Share on other sites More sharing options...
hairynervous Posted September 28, 2019 Author Share Posted September 28, 2019 bump tbh Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now