Align second footer to the right & margin between footer widgets mobile

Airi
#1

I’m currently working on https://equilawbrium.com/

But I’m struggling to align the second footer (Quick links) on the right side.
I already tried this but unfortunately it doesn’t work:

    .footer-widgets: last-child {
         text-align: right;
    }

My second problem:
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 still need the sticky header in the end.

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

Thank you very much in advance und joyful holidays!

#2

Hi,

Thank you for contacting us.

I’d like to address your first query about footer widget alignment and margin.

If could get it correctly, you would add the below CSS code to your website’s Additional CSS.

    @media only screen and (min-width: 768px) {
      .footer-widgets .sidebar-column:last-child .widget {
        text-align: right;
      }
    }

    @media only screen and (max-width: 767px) {
      .footer-widgets .sidebar-column:last-child {
        margin-top: 20px;
      }
    }

Please raise new topics for your other questions. Use one topic for one question, so we can help you in a better way and help us avoid endless threads.

Regards,
Kharis
aThemes Support

#3

Thank you very much, the code helped a lot!
I’m sorry for the two questions in one thread, I’ll raise a new topic then for the second problem!

#4

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