Return to previous page

Underlining Mega Menu Column Heading - by thisisbolo

This topic has 4 replies, 3 voices, and was last updated 6 years, 5 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

Support staff

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)