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 Adding double bottom border to Divi Nav Menu

Discussion in 'Free Divi Community Forum' started by Summer Hudson, Jun 30, 2020.

  1. Summer Hudson

    Summer Hudson New Member

    Hello. I am looking to add a double bottom border to the divi nav without creating a new custom nav bar. Is this possible?
    TopNav.png
     
    #1 Summer Hudson, Jun 30, 2020
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  2. Problemizer.com

    Problemizer.com Divi Expert

    Hello,

    Try this custom CSS.
    header#main-header {
    border-bottom: 8px solid #000072;
    position: relative;
    }
    header#main-header:after {
    content: " ";
    border-bottom: 4px solid yellow;
    display:block;
    width: 100%;
    bottom: -12px;
    position: absolute;
    }

    Let me know if that worked.
     
    #2 Problemizer.com, Jun 30, 2020
    Summer Hudson likes this.
  3. Summer Hudson

    Summer Hudson New Member

    It totally worked! Thank you!
     
    #3 Summer Hudson, Jun 30, 2020
    Problemizer.com likes this.
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
(You must log in or sign up to post here.)