Make a line not visible

Solved

Make a line not visible

MensEssential
Tourist
10 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
650 93 119

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
453 129 104

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
485 165 167

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.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

topnewyork
Astronaut
1130 151 187

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 Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

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
650 93 119

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
453 129 104

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
485 165 167

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.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

topnewyork
Astronaut
1130 151 187

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 Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month