How can I make a connected line separator instead of dotted lines?

Shopify Discussion
1

Is there any way to make the dotted line separators to appear as a connected , and not look like dotted lines ?

any idea will be helpful .

SITE URL :: https://ba3rtgnmnkiok2ug-71493648693.shopifypreview.com

CL.png
CL.png1441×393 20.5 KB

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.header__mega_sub_menu {
gap: unset;
}

ZestardTech_0-1696338487236.png
ZestardTech_0-1696338487236.png1890×722 242 KB

3

Hello @Anonymous , You can achieve this in different ways. If you don’t want to remove or decrease the spaces between the menu items. Then you can follow the below steps as well.

  • Go to Shopify Dashboard then choose Online Store > Themes > Edit Code
  • Then find theme.liquid file. Search for tag and below that past the below code.

osamafarooqi71_0-1696341121431.png
osamafarooqi71_0-1696341121431.png1909×909 163 KB

Regards,
Osama Farooqi