Change spacing between widgets mobile view

  • mairaaboleda

    (@mairaaboleda)


    3 years, 6 months ago

    Hello,
    When I view the website from mobile, there are some spaces between the footer widgets. How can I reduce these gaps? Could you help me with that? I would really appreciate it

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

Viewing 1 replies (of 1 total)
  • Kharis Sulistiyono

    (@kharisblank)

    3 years, 5 months ago

    Hi @mairaaboleda,

    Thank you for contacting us.

    I checked your site in smaller screen. To reduce spaces between widgets in your site’s footer in smaller screen, you’d add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 991px) {
  .footer-widgets .widget {
    margin-bottom: 10px;
  }
  .footer-widgets .widget-title {
    display: none;
  }
  .footer-widgets .widget {
    margin-top: -20px;
  }    
}

    Also, you may need to delete the empty widget in second column if you still see an odd space there.

    Hope this reply helps.

Viewing 1 replies (of 1 total)

The topic ‘Change spacing between widgets mobile view’ is closed to new replies.