1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Underline parent menu item but not dropdown arrow

Discussion in 'Free Divi Community Forum' started by chris r, Dec 16, 2020.

  1. chris r

    chris r Member

    Hi,

    Per the screenshot, I have a menu 'Business Unit' with sub-menu items beneath it. If the user is on one of the sub-menu pages, I'd like to underline the parent menu to show it's the active group.

    However, when I underline the parent menu item, it also underlines the dropdown arrow next to it.

    Is there a way I can customize this so that I can just underline the text and not the arrow?

    Thanks!
     

    Attached Files:

    #1 chris r, Dec 16, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  2. chris r

    chris r Member

    I should specify I'm trying to use a bottom border instead of text-decoration: underline so there can be bottom padding above the line...
     
    #2 chris r, Dec 17, 2020
  3. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #3 Divi.Help, Dec 21, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  4. chris r

    chris r Member

    Hi, unfortunately I'm working locally so I can't share the URL, but I attached a screen grab of the issue as well as the css for the parent menu item. Any help appreciated! I think it's because the dropdown arrow is not a separate span and is part of the 'a' element that has the bottom border?
     

    Attached Files:

    #4 chris r, Dec 21, 2020
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Perhaps something like this might work.
    Code:
    Log In or Sign Up to view this code.
     
    #5 Divi.Help, Dec 30, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  6. chris r

    chris r Member

    Thanks so much, very clever and it looks like it works! I was stumped, but this is a nice elegant solution. :)
     
    #6 chris r, Jan 5, 2021
(You must log in or sign up to post here.)