Align policies links

[MagdalenaBB]

Hello Everyone!
Does anyone know how I can align the POLICIES LINKS on the right side of the screen, because now they are on the left side (in the Dawn theme). Thank you! 

[sahilsharma9515 · Accepted solution]

Hi @MagdalenaBB  Please add the code in your theme.css/base.css/style.css file which is available in your theme.

.footer__content-bottom-wrapper {
flex-direction: row-reverse;
}

If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in live Theme.
4. Click Edit Code.
5. Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
6. You can add the above code at the bottom of the file.

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil

[sahilsharma9515 · Accepted solution]

Hi @MagdalenaBB Yes, please add this code in your theme.css/base.css/style.css file which is available in your theme.

ul.policies.list-unstyled {
    position: absolute;
    right: 30px;
}

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil

[sahilsharma9515]

Hi @MagdalenaBB 

Can you please provide your store URL and password as well if applicable, so that I can provide you solution that can work for your store.

Best regards

Sahil

[MagdalenaBB]

https://400fdf-32.myshopify.com/

[sahilsharma9515 · Accepted solution]

Hi @MagdalenaBB  Please add the code in your theme.css/base.css/style.css file which is available in your theme.

.footer__content-bottom-wrapper {
flex-direction: row-reverse;
}

If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in live Theme.
4. Click Edit Code.
5. Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
6. You can add the above code at the bottom of the file.

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil

[MagdalenaBB]

It's AMAZING! But I would like to keep @2024 MAISON MAGDALENA on the left, and the policies on the right. It is possible? 
Thank you a lot, @sahilsharma9515 !

[sahilsharma9515 · Accepted solution]

Hi @MagdalenaBB Yes, please add this code in your theme.css/base.css/style.css file which is available in your theme.

ul.policies.list-unstyled {
    position: absolute;
    right: 30px;
}

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

Best Regards

Sahil

[MagdalenaBB]

It really worked! Thank you a lot, @sahilsharma9515 😍😍😍

[oscprofessional · Accepted solution]

hello @MagdalenaBB 

Go to Online store -> Theme -> Edit code -> Find base.css file -> Paste below code at the bottom of the base.css file

.footer__copyright.caption {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
.footer__content-bottom-wrapper{
   justify-content: flex-end !important;
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[niraj_patel]

Hello @MagdalenaBB 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .footer__content-bottom-wrapper {
     justify-content: flex-end !important;
  }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.