This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by Profile photo of Milan Milan 1 week, 6 days ago.

Sub Navigation Menu

  • Profile photo of Milan
    Post count: 6

    So, I am trying to add a sub-navigation menu to the navigation menu on the one-page version of the site. I was able to achieve this using the following code:

    <li class="dropdown active">
     <a href="#">Portfolio</a>
        <ul class="dropdown-menu">
            <li><a href="#portfolio">Home Multi-Page</a></li>
            <li><a href="#portfolio">Home FS Revolution</a></li>
        </ul>
     </li>

    When the SubNavigation is clicked, it shows as expected, however, when a link is clicked from this menu, it goes to the required page, but then the sub menu turns blue and becomes unresponsive. How can I prevent this from happening?

    Thanks

    • This topic was modified 2 weeks ago by Profile photo of Milan Milan.
    Profile photo of DeoSupport
    Post count: 557

    Hello,

    It turns blue because once you cliked it adds basic Bootstrap style to it, to override it just add these styles:

    
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:focus,
    .dropdown-menu>.active>a:hover {
      color: #262626;
      background-color: #fff;
    }
    

    And the menu is not moving because you are at this section already, once you scroll to another it can scroll you back again.

    Cheers.

    • This reply was modified 2 weeks ago by Profile photo of DeoSupport DeoSupport.
    Profile photo of Milan
    Post count: 6

    thanks 🙂

You must be logged in to reply to this topic.