Footer showing empty space on sides in Mobile / Tablet when not in the home page.

fabiorocha

Please look at the attachments:

footer.png shows an empty space when in tablet mode in a page that is not the home page. 

footerFull.png shows the footer on the home page, when in tablet/mobile mode. It doesn't have any padding on its sides.

Is there a way to have the footer in all pages behave like the footer on the home page (i.e.: no empty spaces on its sides)?

Thanks!

abhishek

Hi fabiorocha

Kindly use this given css code in your theme custom css box 

@media screen and (max-width: 1024px)

.for_mobile {

    padding: 0 0px !important;

}

@media screen and (max-width: 800px)

.for_mobile {

    padding: 0 0px !important; 

}

@media screen and (max-width: 760px)

.for_mobile {

    padding: 0 0px !important;

}

Let me know did it work.

Thanks
A

fabiorocha

Sorry Abhishek. That didn't seem to work. Any other ideas?

Thanks!

abhishek

Hi 

So Sorry there was a curly brasses issue. Please Use this and let me know. how it goes,

@media screen and (max-width: 1024px){

.for_mobile {

    padding: 0 0px !important;

}

}

@media screen and (max-width: 800px){

.for_mobile {

    padding: 0 0px !important; 

}

}

@media screen and (max-width: 760px){

.for_mobile {

    padding: 0 0px !important;

}

}

Thanks
A

 

fabiorocha

Thanks abhishek! That made it for the footer. But the side effect is that the content of the page also loses its padding (see attached). Is there a way to keep the padding for the content but remove only from the footer?

Thanks again!

abhishek

Hi fabiorocha

If your footer widget space issue resolved kindly allow me to close this ticket. and create a separate ticket for your new query.

because handle multiple query in single ticket create complexity to handle ticket.

Please post your query in new ticket and also share your page url where you face this type of issue.

Please cooperate.!!!

Thanks
A    

fabiorocha

Thanks, this solved my footer issue. I'll open a new ticket.