Border-Left for current pages and subpages

Resolved

Requested: 4 years and 7 months ago

Hey there,

first of all thank you for your overall wonderful support – i’m really appreceating your service.

Can you help me with this:

I need a solution for a left border that marks current pages and also related and active subpages.

Like this:

| Menu (Related Active Menu)

| Submenu (Related Active Submenu)

Page 1
| Page 2 (Active Page currently visiting)

Submenu 2

Submenu 3

OnPoint Plugins

4 years and 7 months ago

Hi Felix,

Something like this should get you pretty close:

.elementor-15915 .elementor-element.elementor-global-6233 .current_page_item > a:before, .elementor-15915 .elementor-element.elementor-global-6233 .current_page_parent > a:before { content: ""; width: 3px; position: absolute; height: 110%; border-left: 3px solid #528ac2; top: -5%; left: 0px; } .elementor-15915 .elementor-element.elementor-global-6233 .current_page_item > a, .elementor-15915 .elementor-element.elementor-global-6233 .current_page_parent > a { border: none !important; display: block; position:relative !important; padding-left: 10px !important; line-height: 1.5; margin: 8px 0; }

Have a great night!

Mat Lipe

New Response Cancel reply

You must be logged in to respond. Only PRO members are allowed to respond to support requests.

We use cookies to allow login, checkout, and analyze site traffic. By continuing to use this website, you consent to the use of cookies in accordance with our cookie policy.

Cookie Settings