Home Forums Porto Template Dropdown Menu border

This topic contains 2 replies, has 2 voices, and was last updated by  paulvoth 6 days, 12 hours ago. This post has been viewed 34 times

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10028542

    paulvoth
    Participant

    When I hover on a dropdown menu in the navigation pane, there is this thick border. I would like to change the color. Where can I do that? https://i.imgur.com/0xseql9.png

    My website is currently under development on my localhost, so I cannot provide a URL to the live version.


    #10028551

    Support2
    Keymaster

    Hello,

    Here is the code you need:

    (css/custom.css):

    @media (min-width: 992px) {
    
        /* Changes the bottom color of hovered item on menu */
        #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
            border-bottom-color: #CCC;
        }
    
        /* Changes the top border color of sub menu */
        #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
            border-top-color: #CCC;
        }
        
    }

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10028565

    paulvoth
    Participant

    Thanks very much! That did the trick 🙂


Viewing 3 posts - 1 through 3 (of 3 total)