Return to previous page

Underlining Mega Menu Column Heading - by thisisbolo

This topic has 4 replies, 3 voices, and was last updated 7 years, 3 months ago ago by Rose Tyler

thisisbolo

Participant

December 12, 2017 at 05:50

Trying to add an underline –> See ‘Home’ dropdown mega menu on demo https://www.8theme.com/demo/xstore/

Example is to underline HOME PAGES

Trying to mimic the following –> see private content

Also was to get rid of the hover color when hovering over the sub menu

Please, contact administrator
for this information.

#179879 Copied Theme version: Latest WooCommerce version: Latest

3 Answers
Olga Barlow

Participant

December 12, 2017 at 12:12
Hello,

Try the following code to get the underline for all the subitems (Theme Options > Styling > Custom CSS)

.menu-wrapper .menu li > a:after { left: 50%; right: 50%; opacity: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .menu-wrapper .menu li > a:hover:after, .menu-wrapper .menu li.current-menu-item > a:after { background-color: rgba(0, 0, 0, 0.2); } .menu-wrapper .menu li > a:hover:after { left: 1.07em; right: 1.07em; opacity: 1; } .menu-wrapper .menu li > a:after { content: ""; display: block; position: absolute; height: 2px !important; background-color: rgba(255, 255, 255, 0.4); } .item-design-dropdown .nav-sublist-dropdown ul > li.menu-item-has-children > a:before { content: "\f105"; font-size: 1rem; font-family: FontAwesome; position: absolute; right: 2.5em; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

Regards
#179919 Copied
thisisbolo

Participant

December 13, 2017 at 02:42

Thank you Olga. Honestly, the level of support provided with this theme is incredible. Thank you so much!

#179976 Copied

Rose Tyler

Support staff

December 13, 2017 at 08:34

Hello,

You’re welcome!
We are grateful to you for your kind words, really appreciated!
This topic will be closed because the issue is solved. Please kindly open up new tickets for additional questions.

Regards

#179988 Copied
Tagged: best selling, column heading, mega menu, themes, woocommerce
Viewing 4 results - 1 through 4 (of 4 total)