css - Getting rid of blank space below footer in Mobile -
client didn't want have responsiveness website, have totally removed responsiveness bootstrap based wordpress theme. website looking how looks in desktop. however, on cart page, there not content or div elements, page ends soon, causing white space isn't looking good.
i've posted screenshot below. there fixed footer @ end, not visible on page. advice appreciated.
i've given these 2 in header.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width" />
edit: due not having sufficient content on particular website page mobile displaying it's default behavior of showing white space. solved having min-height
.
as have mentioned footer positioned fixed, need set bottom style property 0 [bottom:0 !important], , need implement media-query in order have implemented mobile it's happening while opening website in mobile.
so might consider adding following code in custom.css
/* smartphones (portrait , landscape) ----------- */ @media screen , (min-device-width : 320px) , (max-device-width : 480px) { /* styles */ /* footer class or footer id */ .footer-class { bottom: 0 !important; } }
Comments
Post a Comment