REMOVE BLANK SPACE IN FOOTER AREA

[bestfitbybrazil]

I’ve blocked all footer widgets from showing on mobile devices so that infinite scroll would work nicer.  but there’s  a black space still showing at the bottom on mobile devices.  i set this code

.footer__top {
padding-bottom: 3px;
padding-top: 3px;
}

it works well to eliminate extra space on desktops where the widgets are still running, but not mobile. How can i eliminate black space on mobile?

[Harry]

Hi,

I see you hide all widgets in footer on mobile.

Please add below code to remove space

@media only screen and (max-width: 736px) {
.footer__top {padding: 0;}
.footer__top div[class*="jas-col"]:not(:last-child) {
	margin-bottom: 0;
}}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

its still there.  did not work.

[bestfitbybrazil]

wait it worked.  but there is now like a really thin black space now

[Harry]

Please change code to

@media only screen and (max-width: 736px) {
.footer__top {padding: 0 !important;}
.footer__top div[class*="jas-col"]:not(:last-child) {
	margin-bottom: 0;
}}

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts