Why is the footer squeezing.
Note!
Well the question is not very practical, as such situations wont happen. But i find it interesting as other site dont do it.
Everything works great as long as it's not that extreme.
Problem:
When I keep squeezing the site preview. At very extreme the
footer and other elements like header, nav start squeezing. It's apparent as they've background color and it starts going back. I've tried doing this on other website and even if their content overflows such thing dont happen. Images for reference.
7 Replies
Unknown User•16mo ago
Message Not Public
Sign In & Join Server To View
https://codepen.io/Arslan-Akbar/pen/poOMadb here's the navbar which does same.
I dont know if codepen has dev mode for responsiveness. but here it is
Can you post a codepen of the specific problem that you have?
I'd work backwards; remove all the styling you have for your footer and slowly add back in styles until you find the one property that causes it to do that
I think the issue was due to overflow. Like in this navbar too. The navbar was changing width according to available width but due to overflow it seemed the background was squeezing. Now if I put overflow hidden over the navbar it fixed it.
But the question is my navigation does pop-out not in mobile devices. As overflow is hidden. And it's relative to the navbar. What could be the solution.
.