How can I remove the footer line visible on mobile view?

Store Design
, , ,
1

Hi everyone in the group, I’m trying to remove the line that’s in the footer, but I can’t.

I’ve already tried some solutions on community posts, but none of them worked.

The line is only shown on mobile; it is not visible on the desktop.
I would like to remove it on mobile because I don’t like it aesthetically.

Who can give me a hand?

I’ll leave you a screenshot I took.

This, however, is my site: https://a3cd78.myshopify.com

Thanks to everyone who will help me.

Jhon16_0-1703246231917.png
Jhon16_0-1703246231917.png400×451 17.1 KB

2

@Jhon16 - add this css to the very end of your base.css file and check

@media screen and (max-width:749px){
.footer .accordion {border-top: none !important; border-bottom: none !important;}
}
1 Like
3

Hello @Jhon16 ,

Please take a look at below mentioned code, by adding this code you can remove the footer line at your end.

Steps -:

  1. Go to the Online Store- Themes - Edit Code.

  2. Search file theme.liquid

  3. Add add the the below mentioned code at the bottom of the theme.liquid file before tag

.accordion{ border-top: none; border-bottom: none; }
  1. Save

I hope it helps

Please let me know if you have any query or need any further assistance.

Thank you.

4

hii Suyash, it worked, thank you very much :folded_hands: