No margin between footer widgets on mobile

Airi
#1

Hello again :slight_smile:

I hope you can help me out with this problem as well:

Sice I’m using the following code to get a sticky header on mobile I don’t have a margin between the two footer widgets (Contact us & Quick links) on mobile anymore. When I remove the code, the margin is back, but I also like to keep the sticky header.

    .site-header {
        position: fixed;
    }
    @media (max-width: 1024px) {
       .site-content {margin-top: 120px;}
    }

Do you have any idea how to fix this?

Thank you very much!

#2

Hi,

Can you share a link to your page here, so I can inspect and will be able to get the exact solution to suggest?

Regards,
Kharis
aThemes Support

#3

Of course!
Here you go:

https://www.equilawbrium.com

And the problem occurs only in the mobile version

#4

Hi,

Thank you for sharing the link.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 767px) {
      .footer-widgets .sidebar-column {
        margin-bottom: 30px;
      }
    }

I hope that helps.

Regards,
Kharis
aThemes Support

1 Like
#5

Thank you very much! Your code fixed the problem :slight_smile:

1 Like
#6

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support