Re: Align policies links

Solved

Align policies links

MagdalenaBB
Excursionist
46 0 13

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! 

Accepted Solutions (3)
sahilsharma9515
Shopify Partner
1266 165 244

This is an 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:

sahilsharma9515_0-1714988863943.png

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

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


View solution in original post

sahilsharma9515
Shopify Partner
1266 165 244

This is an 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:

sahilsharma9515_0-1714989919604.png

 

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

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


View solution in original post

oscprofessional
Shopify Partner
16259 2431 3157

This is an 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%;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free

View solution in original post

Replies 9 (9)

sahilsharma9515
Shopify Partner
1266 165 244

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

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


MagdalenaBB
Excursionist
46 0 13
sahilsharma9515
Shopify Partner
1266 165 244

This is an 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:

sahilsharma9515_0-1714988863943.png

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

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


MagdalenaBB
Excursionist
46 0 13

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
Shopify Partner
1266 165 244

This is an 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:

sahilsharma9515_0-1714989919604.png

 

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

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️


MagdalenaBB
Excursionist
46 0 13

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

oscprofessional
Shopify Partner
16259 2431 3157

This is an 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%;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free

PageFly-Noah
Shopify Partner
1317 233 280

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

niraj_patel
Shopify Partner
2391 516 513

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>

techlyser_web_0-1714989888806.png

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

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com