How can I arrange footer text side by side on my page?

Technical Q&A
1

Hi

I want the Policies on my page to stand side-by-side and not on top of each other.
NOT like this:

Privacy Policy
Refund Policy
Shipping Policy
Terms of Service

Like this:
Privacy Policy | Refund Policy | Shipping Policy | Terms of Service

How do I do this?

2

Hello @CamillaChu ,

Please share:

  • your store URL;
  • page URL with the issue you mention;
  • storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

3

Hi @diego_ezfy

My page URL with the issue is: https://miuqelx3gvzsy5n0-60293677285.shopifypreview.com

The storefront password is chaffa
I hope that this link is fine.

The problem is in the footer with the polices.

4

@CamillaChu , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (min-width: 750px){
    .site-footer__menu{
    display: flex;
}
    .site-footer__menu li{
    margin-right: 10px;
}

    .site-footer__menu li:not(:last-of-type):after{
    content: "|";
    margin-left: 10px;
    pointer-events: none;
}
}

Kind regards,
Diego

5

Thanks @diego_ezfy I’ll try that :slightly_smiling_face: