Okay
  Public Ticket #2563897
MENU - CSS
Closed

Comments

  • pbarredo started the conversation

    How can I remove the underline style and keep the dropdown working?


    thanks!

  •  933
    Neuron replied

    Hi,

    Please add the following code to Appearance > Customize > Additional CSS.

    .menu-item a:hover {
        box-shadow: none;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • pbarredo replied

    thanks. But how can it be (or is it possible) only the line or the menu item called "PRODUCTS"?

  •  933
    Neuron replied

    Hi,

    For that you can remove the code that we've sent you before and add the following one.

    #menu-item-29266 a:hover {
        box-shadow: none !important;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


  • pbarredo replied

    Thanks.

    BUT the submenus hasn´t underline style. I only need the PRODUCTOS item to be without the line so the user can't click on it, and understand there isn't a webpage but can drop down the menu.

    AS IDEA : wouldn't be better to refer CSS class in the menu? (I sen you a screen shot)


  •  933
    Neuron replied

    Hi,

    That field is for adding a CSS class and not a CSS code, so please add the following code to Appearance > Customize > Additional CSS, so this code will work the way you wanted.

    .menu-item-29266 a:hover {
        box-shadow: none;
    }
    .sub-menu li a:hover {
        box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 black !important;
    }

    Feel free to ask for anything you need.

    Kind Regards


  • pbarredo replied

    perfect !!!! 

  •  933
    Neuron replied

    You're welcome anytime.

    Feel free to ask for anything you need.

    Kind Regards


  • pbarredo replied

    Sorry I re-open this ticket, but if I write the code you send me , the ROLLOVER (underline) of the CLASSICMENU - SUBMENU - doesn't  work.

    I send you an screen shot.

    Thnks

  •  933
    Neuron replied

    Hi,

    Can you please sent us an URL where are you using that menu so we will check it.

    Feel free to ask for anything you need.

    Kind Regards


  • pbarredo replied

    yes. Sorry:

    This is one of the pages wiith the menu:

    https://www.egurraukitzen.eus/?portfolio_category=joyeria

    This is the code you (Neurontheme tecnicians) send me , that I used for the hamburguer menu (☰) :

    }

    /*
    MENU:PRODUCTOS ESTILO - SIN SUBRAYADO
    SUBMENU - CON SUBRAYADO*/

    .menu-item-29266 a:hover {
        box-shadow: none;
    }
    .sub-menu li a:hover {
        box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 black !important;
    }

    THE PROBLEM IS:

    If I use that code for the menu (hamburger), it removes the underlined style for the classic menu, and I would not like it.


  •  933
    Neuron replied

    Hi,

    Please add the following code to the other code that we've sent you before at Appearance > Customize > Additional CSS.

    ul.menu.m-header-default-menu li.menu-item.menu-item-has-children > ul.sub-menu li.menu-item a:hover {
            box-shadow: inset 0 0 0 rgba(255, 255, 255, 0), 0 1px 0 white !important;
    }

    Feel free to ask for anything you need.

    Kind Regards