White line at bottom of page when in mobile view?

Support
#1

Hi, I’m still new to this and learning lots thanks to the help of everyone on the forum. I’m laying out my page it looks fine in full screen but when I view it in other sizes I have a white line at the bottom under the footer? Any idea how I can get rid of this? Thanks Rob

#2

Hey @Rob_G33,

Thanks for writing in. We need to see what’s causing the white line you’re referring to. Please give us the URL of the page so we could check.

Thanks.

#3

This is the rough layout to my page. Thank you for your reply here is the link. http://www.rgualtphotography.com/?page_id=765&preview=true Thanks Rob

#4

Hi Rob,

The page you have linked seems to be going to a 404 page.

Kindly double check.

#5

The link seems to be working now if your want to try again. Thanks Rob

#6

Hi there,

It’s because of the height, the content is small thus height became shorter. Try setting your content section’s min-height to about 400px. Or you can simply add this CSS to your global custom CSS so it would only take effect on mobile view.

@media ( max-width: 767px ) {
.page-id-765 .el10.x-section {
min-height: 400px !important;
}
}

Thanks!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.