Return to previous page

Change layout of active menu-item - by Annet

This topic has 4 replies, 3 voices, and was last updated 4 years, 8 months ago ago by Olga Barlow

Annet

Participant

August 11, 2019 at 13:39

Hi, I would like to have the selected menu-item to have a small line beneath it. Like this example: https://prnt.sc/or7nmz

#218903 Copied Theme version: 5.4

3 Answers
Rose Tyler

Support staff

August 11, 2019 at 14:01
Hello,

Please try this custom CSS code:
```
.menu-wrapper > .menu-main-container .menu > .current-menu-item:after {
    content: "";
    width: 80%;
    height: 2px;
    background-color: #3d635a;
    display: block;
    position: absolute;
    bottom: 10%;
    left: 10%;
}
```
Regards
#218905 Copied
Annet

Participant

August 13, 2019 at 17:38

Love it 🙂

#219028 Copied

Olga Barlow

Support staff

August 13, 2019 at 18:58

Hello,

You are welcome!

Regards

#219044 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Change layout of active menu-item’' has been successfully resolved, and the topic is now closed for further responses

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Digital Marketing – WordPress WooCommerce Theme

lazy-placeholder

WooPress – WooCommerce WordPress Theme

lazy-placeholder

Restaurant – WordPress WooCommerce Theme

lazy-placeholder

Hemp & CDB – WordPress WooCommerce Theme

lazy-placeholder

Pizza Store – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress Theme

lazy-placeholder

Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Restaurant – WordPress Theme

lazy-placeholder

Electron Store 02 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.