Fabric Theme: Put two columns of text next to each other in the footer

Technical Q&A
1

hi there, i would like to put two columns of text next to each other instead of stacked in the footer

thanks!

IMG_1337.PNG
IMG_1337.PNG1179×2556 210 KB

2

Hey @hausofmossandmoon

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
footer .group-block-content.layout-panel-flex.layout-panel-flex--row.mobile-column {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
}
</style>

RESULT:

image
image349×487 18.2 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

3

hey thank you so much, is there a way to make this happen only on mobile?

4

Add this updated code with the same steps mentioned above

<style>
@media screen and (max-width: 767px) {
footer .group-block-content.layout-panel-flex.layout-panel-flex--row.mobile-column {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
}
}
</style>

Cheers,
Moeed

5

hi there! since updating my site, this code has not copied over. is there a code that will work in ‘theme settings > ‘custom css’ instead so that it automatically copies over when i update. thank you!