Return to previous page

Underline menù effect - by d4r1uzzo - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 5 years, 6 months ago ago by Rose Tyler

d4r1uzzo

Participant

October 11, 2018 at 09:27

Hello, is it possible to get the underline effect in the menu as in version 4.28.1?

http://prntscr.com/l4r4mk
http://prntscr.com/l4r562

Greetings,
Dario

Please, contact administrator
for this information.

#200906 Copied

7 Answers

Rose Tyler

Support staff

October 11, 2018 at 11:37

Hello,

I can’t see your site http://prntscr.com/l4sxf5 Please check.

Regards

#200924 Copied

d4r1uzzo

Participant

October 11, 2018 at 11:49

I do not find any display problems.

Please, contact administrator
for this information.

#200925 Copied
Rose Tyler

Support staff

October 11, 2018 at 11:59
```
.menu-wrapper .menu > li > a:after {
    left: 50%;
    right: 50%;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    content: "";
    display: block;
    position: absolute;
    height: 2px !important;
    background-color: #a2185b;
}
.menu-wrapper .menu > li.current-menu-item > a:after, .menu-wrapper .menu > li > a:hover:after {
    left: 1.07em;
    right: 1.07em;
    opacity: 1;
} 
 
```
Regards
#200928 Copied
d4r1uzzo

Participant

October 11, 2018 at 12:14

Ok, to change the underline color in the fixed menu? I wish it was white.

http://prntscr.com/l4r562

Greetings

#200931 Copied
Rose Tyler

Support staff

October 11, 2018 at 12:19
```
.fixed-header .menu-wrapper .menu > li > a:after {
    background-color:  white;
}
```
Regards
#200935 Copied
d4r1uzzo

Participant

October 18, 2018 at 15:27

Hello,
after updating the template to version 5.1 I see a graphic error in the menu underlining effect.

http://prntscr.com/l7kilu

Greetings,
Dario

Please, contact administrator
for this information.

#201299 Copied
Rose Tyler

Support staff

October 18, 2018 at 15:40
Hello,
```
.navigation-wrapper .menu-wrapper:first-child > .menu-main-container > .menu > li.current-menu-item:first-child > a:after, 
.navigation-wrapper .menu-wrapper:first-child > .menu-main-container > .menu > li:first-child > a:hover:after, 
.container-wrapper > .header-logo + .menu-wrapper > .menu-main-container > .menu > li.current-menu-item:first-child > a:after,
.container-wrapper > .header-logo + .menu-wrapper > .menu-main-container > .menu > li:first-child > a:hover:after {
    left: 0;
}
```
Regards
#201303 Copied
Viewing 8 results - 1 through 8 (of 8 total)