Solved

Make a line not visible

MensEssential
Visitor
3 0 0

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.

MensEssential_0-1713864513531.png

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

Accepted Solutions (5)

Raj-WebDesigne
Shopify Partner
60 16 14

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.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


View solution in original post

LuffyOnePiece
Shopify Partner
503 75 88

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

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

View solution in original post

Anshul_arora
Navigator
365 103 71

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

Anshul_arora_0-1713872340518.png

 

I hope the solution helps you.

Please share if you have any queries.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Vinsinfo
Shopify Partner
249 90 82

This is an accepted solution.

@MensEssential 

Please follow below steps to Make a line not visible. Let me know whether it is helpful for you.
 
1. From admin go to "Online stores" -> "Themes"
2. Click action button from the current theme and select "Edit code".
3. Search for "theme.scss" file and paste the below code at the bottom of the file.

 

#shopify-section-footer .site-footer {
    border: none !important;
}

 

Result will be,
Vinsinfo_0-1713873270700.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

View solution in original post

topnewyork
Navigator
259 27 38

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.

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel

View solution in original post

Replies 5 (5)

Raj-WebDesigne
Shopify Partner
60 16 14

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.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


LuffyOnePiece
Shopify Partner
503 75 88

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

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

Anshul_arora
Navigator
365 103 71

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

Anshul_arora_0-1713872340518.png

 

I hope the solution helps you.

Please share if you have any queries.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

Vinsinfo
Shopify Partner
249 90 82

This is an accepted solution.

@MensEssential 

Please follow below steps to Make a line not visible. Let me know whether it is helpful for you.
 
1. From admin go to "Online stores" -> "Themes"
2. Click action button from the current theme and select "Edit code".
3. Search for "theme.scss" file and paste the below code at the bottom of the file.

 

#shopify-section-footer .site-footer {
    border: none !important;
}

 

Result will be,
Vinsinfo_0-1713873270700.png

 

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

topnewyork
Navigator
259 27 38

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.

Need a Shopify developer?
Hire us at topnewyorkwebdesign.com
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel