Align policies links

Store Design
,
1

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!

2

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

3

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

4

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:

sahilsharma9515_0-1714988863943.png
sahilsharma9515_0-1714988863943.png1804×564 27 KB

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

Best Regards

Sahil

1 Like
5

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 !

6

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

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

1 Like
7

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 on theme.liquid

.footer__content-bottom-wrapper { justify-content: flex-end !important; }

techlyser_web_0-1714989888806.png
techlyser_web_0-1714989888806.png1316×373 5.1 KB

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

1 Like
8

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:

sahilsharma9515_0-1714989919604.png
sahilsharma9515_0-1714989919604.png1851×555 27.2 KB

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

Best Regards

Sahil

1 Like
9

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%;
}
1 Like
10

It really worked! Thank you a lot, @sahilsharma9515 :heart_eyes: :heart_eyes: :heart_eyes:

1 Like