Removing footer padding in mobile view

  • Resolved paulmc911

    (@paulmc911)


    6 years, 11 months ago

    Hi guys,

    I love this theme and I’ve managed to get it to do pretty much what I need, but I’m struggling with removing the padding above the footer. I added some css to my custom css menu as follows:

    #footer-widgets {
padding: 0px 0 0px 0;
}

    and it worked perfectly but only on full screen view. Please can someone help me to do the same task for tablet and mobile screen as well?

    Thank you

    Paul

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author oceanwp

    (@oceanwp)

    Hello, if you don’t want the footer widgets, why you don’t remove it? You can do it via the Footer Widgets section of the customizer.

    Thread Starter paulmc911

    (@paulmc911)

    Hi – thanks yes that did the job but I’ll want to add a footer later so that I can have a couple of menu items on there (terms, privacy policy etc). When I do that, it will just re-add the padding won’t it?

    Theme Author oceanwp

    (@oceanwp)

    In that case, try this css code:

    #footer-widgets {
padding: 0 !important;
}
    Thread Starter paulmc911

    (@paulmc911)

    That looks good on everything but mobile view. On my phone I still have black padding above the footer and on short pages (i.e with not much content on, so not much height) there is a white padding below the footer as well.

    Theme Author oceanwp

    (@oceanwp)

    Hi, can you send me a screenshot? Because I see nothing wrong even on mobile view.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Removing footer padding in mobile view’ is closed to new replies.