Can I center and edit my Supply theme footer menu on one line in Shopify?

MelissaA
Excursionist
12 1 0

Hello.

I am using the Supply theme. Down under my footer, it's like I have another section that has my footer menu in it. I would like to center it across the page and make it one line only, instead of 2 lines.

I can not find where to edit this. I can edit the footer menu links, but that's it.

Thank you,

Melissa

 

2021-01-18_22-02-00.png

 

Replies 11 (11)

oscprofessional
Shopify Partner
15830 2369 3072

Hi,
Please share your store URL with password (If Needed) & Screenshot, So that I will give you proper solution here !

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
MelissaA
Excursionist
12 1 0

Thank you!

USWarehouseDeals.com, no password.

MelissaA_0-1611428609792.png

 

MelissaA
Excursionist
12 1 0

Hello! Have you had time to look at this?

Ty!

Kinjaldavra
Shopify Partner
2302 570 1422

plaese insert this code in the end of theme.liquid file

 

.grid-item large--two-fifths
{
      width: 100% !important;
}

 

MelissaA
Excursionist
12 1 0

Thank you!

Pasted at the end, but doesn't seem to be working. I let it set over an hr to populate, I know it doesn't take that long, but wanted to be sure I was still having issues before coming back here. 🙂

MelissaA_0-1611943756246.png

 

MelissaA_1-1611943787874.png

 

MelissaA
Excursionist
12 1 0

It's showing at the bottom of my page.

 

MelissaA_0-1611962767283.png

 

Kinjaldavra
Shopify Partner
2302 570 1422

Sorry for facing this issue, i see the preview you share you not  put this  code between <style> </style> so now you insert this code between <style></style> 

 

  <style>
.grid-item.large--two-fifths
{
      width: 100% !important;
}
  </style>
MelissaA
Excursionist
12 1 0

I appreciate you trying to help, but I don't have <style></style>.

I only have it once, stylesheet_tag.

Any other ideas?

 

 

MelissaA_0-1612109503784.png

 

Kinjaldavra
Shopify Partner
2302 570 1422

Please remove my old code from theme.liquid and place this code at the end of assets -> theme.scss.liquid
Please make 'm' of media small

 

@_media only screen and (min-width: 769px) {
#shopify-section-footer .site-footer .grid .large--two-fifths {
width: 100%;
}
}

 

MelissaA
Excursionist
12 1 0

Do you have a moment to look at my issue and this thread?

Thank you!

Kinjaldavra
Shopify Partner
2302 570 1422

@MelissaA wrote:

Hello.

I am using the Supply theme. Down under my footer, it's like I have another section that has my footer menu in it. I would like to center it across the page and make it one line only, instead of 2 lines.

I can not find where to edit this. I can edit the footer menu links, but that's it.

Thank you,

Melissa

 

2021-01-18_22-02-00.png

please place this code end of  theme.liquid file


.grid-item large--two-fifths
{
      width: 100% !important;
}