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

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!

Comments

  • 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
  • Sorry Abhishek. That didn't seem to work. Any other ideas?

    Thanks!
  • 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

     
  • 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!
    Untitled2.png
    35K
  • 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    
  • Thanks, this solved my footer issue. I'll open a new ticket. 
This discussion has been closed.