How can I fix bold borders on mobile buttons?

Store Design
1

Hello please can someone help? In mobile and a few in desktop, the buttons including the menu in mobile have the Borders in bold. Can someone help me fix this please? I need the buttons with normal Borders and the menu in mobile without Borders. TIA!! www.elliotkohn.co.il

2

Hello @Ady2 ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file

Add this following code at the bottom of page

button {
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .mobile-menu {
    border: none;
  }
}

Save and preview

Hope this can help. Let us know if you need any further support.

Transcy

1 Like
3

Thank you for your help, unfortunately the Borders are still showing in the mobile menu and in the section of “you might also want” in the product Pages. Can you please help me remove the Borders in the menuand in that section? Thank you!