In FF 42 on a desktop with the browser narrowed.
I’m sure the culprit is the slider, but it is hard to diagnose in Inspect Element, because the slider keeps moving, which is very distracting. Is there a way to pause it?
I see… and I thought I was finished and could give you all a deserved rest!
In fact, that happens in every browser:Opera, FF, Chrome, and EI11
I don’t know if that is serious because most people use most of the width of their screens
I checked on a small tablet and a small mobile. The first is perfect, the second has a lot of lateral movement suggesting that some elements are wider than they should be.
I don’t know how to solve this…
It is not massively serious, there is no actual content off the side, so users won’t need to scroll sideways and it is only small, it is a minor problem. But if it was my site, it would bug me and I would try to fix it.
Yes, I’d like to fix it. In the3 small mobile you have to scroll sideways to read the text as this seems to be wider than the screen. I had similar problem before that was due to white-space: nowrap. I have a few of those but near the edges. The header and the footer also seem to be wider than the small screen…
i don’t know where to start
LATER
The header and the nav are set to 100% (ina normal PC this is from edge of the screen to the other edge, with no max-width.
Most other elements have a max-width. Maybe when the screen gets very narrow the header and nav are trying to take up more space than there is…
The main part started as 70% of the wrapper which itself has a max-width of 1200px.
maybe I should give the header and nav some max-width when the sidebar disappears in a media query @985px. I’m getting confused…
I’m not seeing that, all the actual content that you would want to look at appears to be on-screen.
In Inspect element, the only element I found that went into the off-screen area on the right was one of the nested divs in the slider.
It’s actually from edge to edge of the parent element.
Don’t, max-width just puts limit on the width on wider screens, it will have no effect on smaller screens.
If the parent element has a max-width, and they are 100% width, they effectively have a max-width already.
1 Like
That’s it! (I think,)
The slider comes with next and previous buttons on each side. They were ugly and the one on the left went into the sidebar as I narrowed the screen. I tried to get rid of it in the user’s script, but all I managed to do was to hide it. It is still there if you move the mouse around (particularly obvious the previous as the images go back)
Now, if that’s it, I need to go into the scripts…
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.