How can I remove the underline from the 'Wedding' tab in my main menu?

Store Design
, ,
1

Hello,

In my main menu, the “Wedding” tab is underlined. I was looking to remove this. I have attached a screenshot highlighting my issue.

I am using symmetry theme and my website is

https://clairamor.com/

Any help is appreciated,

Cameron

Screenshot_20230202_022414.png
Screenshot_20230202_022414.png1660×639 169 KB

2

Delete this line in styles.css (starting line 2391):

.navigation .navigation__tier-1 > .navigation__item > .navigation__link::before {
    content: "";
    position: absolute;
    bottom: -1px;
    background-color: currentColor;
    height: 2px;
    transition: transform 0.3s;
    z-index: 20;
    left: 18px;
    width: calc(100% - 36px);
    transform: scaleX(0);
    will-change: transform;
  }

or replace it with this:

.navigation .navigation__tier-1 > .navigation__item > .navigation__link::before {
    content: "";
    position: absolute;
    bottom: -1px;
    background-color: transparent;
    height: 2px;
    transition: transform 0.3s;
    z-index: 20;
    left: 18px;
    width: calc(100% - 36px);
    transform: scaleX(0);
    will-change: transform;
  }
1 Like
3

Thank you!

1 Like
4

Hey @diamors , trying to get rid of the underline in my navigation menu (which I cannot find the line to make it possible) just visited your site and would also place the country/currency in de announcement bar.

Could you please share how did you make it possible and also height and/or typography?

I need some help to move the search icon to the right and move the language thing to the top.

Nice site and products by the way!