Footer widgets overlapping on mobile

  • Resolved mattperry008

    (@mattperry008)


    4 years, 4 months ago

    Hi,
    My footer widgets look fine on desktop, but on mobile, they overlap….any ideas why.

    Happens no matter what widgets I use.

    Thanks,
    Matt

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey @mattperry008

    This is because your newsletter widget has a top margin of -60px (I think you may have set this in your Storefront Customizer).

    To avoid this, You can do this with a little bit of custom CSS code.

    Go into your site’s admin Dashboard and select Appearance → Customize →?Additional CSS. In the CSS textbox on the left, add the following code:

    @media screen and (max-width: 768px) {
  #woocommerce_subscribe_to_newsletter-3 {
   margin-top: 50px !important; 
  }
}

    Select “Save Changes” from the top, and your changes will be applied to your site.

    Thread Starter mattperry008

    (@mattperry008)

    Thank you – this worked a treat!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Footer widgets overlapping on mobile’ is closed to new replies.