Return to previous page

Topic: Underline menù effect - by d4r1uzzo

d4r1uzzo

Participant

October 11, 2018 9:27 am

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

Content is visible for topic creator and
support staff only.

#200906 copied to clipboard

Rose Tyler

Support staff

October 11, 2018 11:37 am

Hello,

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

Regards

#200924 copied to clipboard

d4r1uzzo

Participant

October 11, 2018 11:49 am

I do not find any display problems.

Content is visible for topic creator and
support staff only.

#200925 copied to clipboard
Rose Tyler

Support staff

October 11, 2018 11:59 am
.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 to clipboard
d4r1uzzo

Participant

October 11, 2018 12:14 pm

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

http://prntscr.com/l4r562

Greetings

#200931 copied to clipboard
Rose Tyler

Support staff

October 11, 2018 12:19 pm
.fixed-header .menu-wrapper .menu > li > a:after { background-color: white; }

Regards
#200935 copied to clipboard
d4r1uzzo

Participant

October 18, 2018 3:27 pm

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

Content is visible for topic creator and
support staff only.

#201299 copied to clipboard
Rose Tyler

Support staff

October 18, 2018 3:40 pm
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 to clipboard