Shopify themes, liquid, logos, and UX
Hello there
I am Marko from Men's Essentials and I have a problem
In the Picture belowe you can see the our Footer, there is a black line i don't want to be visible.
Is it possible that someone could help me romove this line.
website: https://mens-estls.com/
pw: eb78&d
I would really appriciate it.
- Marko Luburic
Solved! Go to the solution
This is an accepted solution.
Add This Css in your edit code > theme.css file
.site-footer {
border: none !important;
}
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Contect On My Mail :-Mail@gmail.com
This is an accepted solution.
Hi @MensEssential ,
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
<style>
footer.site-footer {
border: none;
}
</style>
Please don't hesitate to reach out if you require further help to optimize or customize your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
LuffyOnePiece
This is an accepted solution.
Hello Marko , @MensEssential
I understand you are looking to remove the line appearing in the footer section.
I have checked your store code and understand the line is appearing because of the border-top property added in this section code https://prnt.sc/mmtaLqj0gDuK
Please add the below-mentioned code at the bottom of the theme.liquid file before </body> tag and save.
<style>
.site-footer {
border-top: 0px !important;
}
</style>
Output will be like this -> https://prnt.sc/yubFjZrBbjrg
I hope the solution helps you.
Please share if you have any queries.
Thank you.
This is an accepted solution.
#shopify-section-footer .site-footer {
border: none !important;
}
This is an accepted solution.
Hello @MensEssential ,
Go to online store > Themes > Edit code > search base.css file
Add to the given code at the bottom of the file base.css
.site-footer {
border-top: 0px;
}
Save Changes.
This is an accepted solution.
Add This Css in your edit code > theme.css file
.site-footer {
border: none !important;
}
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Contect On My Mail :-Mail@gmail.com
This is an accepted solution.
Hi @MensEssential ,
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
<style>
footer.site-footer {
border: none;
}
</style>
Please don't hesitate to reach out if you require further help to optimize or customize your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
LuffyOnePiece
This is an accepted solution.
Hello Marko , @MensEssential
I understand you are looking to remove the line appearing in the footer section.
I have checked your store code and understand the line is appearing because of the border-top property added in this section code https://prnt.sc/mmtaLqj0gDuK
Please add the below-mentioned code at the bottom of the theme.liquid file before </body> tag and save.
<style>
.site-footer {
border-top: 0px !important;
}
</style>
Output will be like this -> https://prnt.sc/yubFjZrBbjrg
I hope the solution helps you.
Please share if you have any queries.
Thank you.
This is an accepted solution.
#shopify-section-footer .site-footer {
border: none !important;
}
This is an accepted solution.
Hello @MensEssential ,
Go to online store > Themes > Edit code > search base.css file
Add to the given code at the bottom of the file base.css
.site-footer {
border-top: 0px;
}
Save Changes.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025