Okay
  Public Ticket #2373693
Can't customize theme menu style
Closed

Comments

  • differentmediaproductions started the conversation
    April 23, 2020 at 10:12am

    Hi, I can not find where customize the menu style and aspect.

    Everything started when I was looking the tablet and mobile website and as you can see I can not find where change style and color of the original theme menu.

    I searched on old ticket but can't solve my problem.

    Many thanks

    Marco


  •  675
    Neuron replied
    April 23, 2020 at 12:06pm

    Hi Marco,

    It may be that you're using the default header, you can either switch to a template header or modify the actual header with Custom CSS.

    Youtube Header

    Add the following Custom CSS to change background color of menu.

    @media (max-width: 991px) {
    .m-nav-menu--mobile nav ul.menu {
        background-color: your_color !important;
    }
    /* Menu Items */
    .m-nav-menu--mobile nav ul.menu a {
       color: your_color !important;
    }
}

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • differentmediaproductions replied
    April 23, 2020 at 12:52pm

    The code is giving me this error.


    I also learned how to build my own header menu but how I can reply the light or dark theme and the switching of the background color like you did in the theme? is it possible?

    Thanks

  • differentmediaproductions replied
    April 24, 2020 at 10:01am

    I found a way to customize it like you said.

    Now I ask you how I can activate the hover effect on the desktop view with the css code, cause now is not working.

    Thanks


  •  675
    Neuron replied
    April 27, 2020 at 1:49pm

    Hi,

    I am very sorry for the late reply.

    Here's the Custom CSS to change that.

    .m-nav-menu--horizontal ul li.menu-item > a:hover {
        color: your_color !important;
    }

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • differentmediaproductions replied
    April 30, 2020 at 1:54pm

    I'm sorry but is not working, maybe I'm doing something wrong, I attach the screen.

    Can you please put the code in the right place? here's my actual code.

    @media (max-width: 991px) {
        .m-nav-menu--mobile nav ul.menu {
            background-color: #000000  !important;
        }
        /* Menu Items */
    .m-nav-menu--mobile nav ul.menu {
    text-align: center; 
    }
        .m-nav-menu--mobile nav ul.menu a {     
    color: #FFFFFF !important;
    font-family: Montserrat !important;

        }
    .m-nav-menu--mobile nav ul.menu a:hover {
           color: #ccc  !important;
        }


    Many thanks

  •  675
    Neuron replied
    May 1, 2020 at 2:45pm

    Hi,

    I'm sorry for the late reply.

    The @media(max-width) that you've added means that the CSS will be applied only from 991 pixels and smaller. Please remove that part and leave only the CSS, let me know if you need further help.

    Kind Regards

    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.