How can I make adjustments to the footer in the Supply Theme?

Store Design
1

So I am trying to adjust a few thing in the footer menu of Supply theme and I need help;

  1. In the footer menu; if I use multiple quick links boxes they appear under each other (stacked) and I like to have them next to each other (I will include a screen shot of how it is now and how I like to have it)\

  2. I like to move the social Media Icons from the footer to right under the Newsletter section (I will also include a screen shot of this|)

  3. I like to centralize the “© 2022” at the bottom of the footer

  4. I like to move the payment icons to the bottom left of the footer

The url is https://nazysharif.myshopify.com/ but it is still in the trial fase

Thanks in advance

Current situation
Current situation1600×900 70.2 KB

How I like the quick links to be
How I like the quick links to be1600×900 105 KB

1 Like
2

Hello There,

Please share your store URL and Password.
So that I will check and let you know the exact solution here.

3

Hi there.

The link is: https://nazysharif.myshopify.com/

Password: craots

Thank you in advance

4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
.site-footer .grid {
display: flex;
justify-content: flex-start;
text-align: left;
}
.site-footer .grid .grid-item {
padding: 0 15px;
margin: 0;
}
.site-footer ul.legal-links.inline-list {
text-align: left;
}
5 
.site-footer .small--one-whole {
    margin: 0 auto;
    float: left !important;
}
.site-footer .grid {
display: flex;
justify-content: flex-start;
text-align: left;
}
.site-footer .grid .grid-item {
padding: 0 15px;
margin: 0;
}
.site-footer ul.legal-links.inline-list {
text-align: left;
}

Add this code in theme.css

6

Thank you so much this indeed solved the first part of my question.

Do you also have a solution for the other parts of my question?