1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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 Menu Text Underline on Hover

Discussion in 'Free Divi Community Forum' started by ryanshepherd93, Dec 3, 2019.

  1. ryanshepherd93

    ryanshepherd93 Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hey guys, I am trying to add a underline text effect on hover only, but I cannot seem to find the right code. Please see SS:

    upload_2019-12-3_20-6-56.png
     
    #1 ryanshepherd93, Dec 3, 2019
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  2. Problemizer.com

    Problemizer.com Divi Expert

    Hello,

    Try adding this code to the Divi -> Theme Options -> Custom CSS

    #top-menu li a:hover {
    text-decoration: underline;
    }

    If that does not work, please share the URL of your website.

    Kind regards,
    Problemizer
     
    #2 Problemizer.com, Dec 3, 2019
    ryanshepherd93 likes this.
  3. Divi.Help

    Divi.Help Administrator
    Staff Member

    #3 Divi.Help, Dec 3, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Custom Divi Builder header on desktop + default slide in / fullscreen menu on mobile:Learn More
  4. ryanshepherd93

    ryanshepherd93 Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin


    Hey brother, that did not work for me. Here is my URL: https://wokehub.com/

    Thanks!
     
    #4 ryanshepherd93, Dec 3, 2019
  5. ryanshepherd93

    ryanshepherd93 Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    #5 ryanshepherd93, Dec 3, 2019
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  6. Problemizer.com

    Problemizer.com Divi Expert

    Here you go, brother. This works 100%. :)

    #menu-main-menu li a:hover {
    text-decoration: underline;
    }

    Regards,
    Milos
     
    #6 Problemizer.com, Dec 3, 2019
    ryanshepherd93 likes this.
  7. ryanshepherd93

    ryanshepherd93 Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Awesome! I didn't think of the "menu-main-menu" Thank you brother, it worked perfectly!

    -Ryan
     
    #7 ryanshepherd93, Dec 4, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  8. Chad Williams

    Chad Williams Member
    Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    This worked for me

    #NAME_OF_MENU li a:hover {
    text-decoration: underline;
    }

    Remove NAME_OF_MENU and replace with the name of your menu. Leave the #

    This is what I was looking for. Thanks
     
    #8 Chad Williams, Aug 22, 2021
    ryanshepherd93 likes this.
  9. ryanshepherd93

    ryanshepherd93 Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Even though it’s been 2 years, thank you Chad.

    This indeed works wonderfully.
     
    #9 ryanshepherd93, Aug 22, 2021
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
(You must log in or sign up to post here.)