Make a line not visible

Store Design
, , , ,
1

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
MensEssential_0-1713864513531.png1947×1014 63.5 KB

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
2

Add This Css in your edit code > theme.css file

.site-footer {
    border: none !important;
}
1 Like
3

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

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

1 Like
4

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 tag and save.

.site-footer { border-top: 0px !important; }

Output will be like this → https://prnt.sc/yubFjZrBbjrg

Anshul_arora_0-1713872340518.png
Anshul_arora_0-1713872340518.png1589×828 35.5 KB

I hope the solution helps you.

Please share if you have any queries.

Thank you.

1 Like
5

@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
Vinsinfo_0-1713873270700.png1355×341 18 KB

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

1 Like
6

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.

1 Like