How to remove certain policy links from footer? - Dawn Theme

[Pre-face4000]

How do I remove "refund policy", "shipping policy and "contact information" from the policy menu located in the footer as I would like to have these in a different menu to be more visible.

I have tried using a accepted solution from a previous post but it only removed the last policy link and I don't know what to change in the code to make it work in my instance.

URL - pre-face.com

Password - hairso

Thank you!!!

[Dan-From-Ryviu]

Hi @Pre-face4000 

You can remove those links by adding this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings. 

Please write your code manually because Shopify does not allow add code contains "policy"

[namphan]

Hi @Pre-face4000,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

[Pre-face4000]

Hey, thanks for the quick reply. This didnt work for me is there another way around this?

[namphan]

Hi @Pre-face4000,

Please go to sections > footer.liquid file. Please send me the code, I will help you check it soon

[Pre-face4000]

Thanks! this worked although it has left the bullet points inbetween links.

please see image

Thanks!!

 

[Pre-face4000]

 

[namphan]

Hi @Pre-face4000,

Please add code:

.policies li:first-child:before,
.policies li:last-child:before {
    padding: 0 .8rem !important;
    opacity: 1;
}
.policies li:before {
    opacity: 0;
    padding: 0;
}

[Pre-face4000]

Thanks mate almost solved the issue but this has removed the bullet point between both links. Is there anyway to solve this?

I appreciate your help! Coffee coming your way

 

[namphan]

Hi @Pre-face4000,

Please change code:

.policies li:first-child:before,
.policies li:nth-child(3):before {
    padding: 0 .8rem !important;
    opacity: 1;
}
.policies li:before {
    opacity: 0;
    padding: 0;
}

[Pre-face4000]

Thank you so much!!! thats perfect I appreciate your help

[namphan]

Hi @Pre-face4000,

You're welcome and happy to help 😊

[EBOOST]

Hi @Pre-face4000 ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> customize theme
2.  Footer section setting
3. Add code below to custom CSS section

.footer__copyright .policies.list-unstyled li:nth-child(2),
.footer__copyright .policies.list-unstyled li:nth-child(4),
.footer__copyright .policies.list-unstyled li:nth-child(5) {
  display: none;
}

.footer__copyright .policies.list-unstyled a {
  display: block !important;
}

.footer__copyright .policies li::before {
  opacity: 1;
  padding: 0 0.8rem !important;
}