Public Ticket #2162445
Navigation bar


  • kathrine started the conversation


    How do I remove the hover effect from the navigation? 

    Best regards

  •  955
    Marc replied

    Hi Kathrine,

    unfortunately there is no such option available in Ubud, but you can adjust the layout using additional CSS code. Most browsers provide a tool to inspect the used CSS code of elements. Simply right click on an element and select "Inspect Element", "Element Information" or else and the tool will open. It shows the used CSS and how to address the elements in custom code.

    If I understand you correctly, the following code should work for you:

    @media screen and (min-width: 1200px) {
        #site-nav > div > ul > li > a:hover {
            color: #000 !important;
            background: #fff;
        #site-nav > div li:hover > a {
            color: #000;
            background: #fff;

    Please understand that we cannot provide support for individual customizations.