• Closed
  • Alex Knight
    Spectator
    October 7, 2016 at 2:16 pm #30576

    Hello Theme4Press,

    I’m finding that the megamenu row is too similar to the main menu line. Is there way to change its colour, please?

    Also, is there a way to alter the height/padding around the text? As I feel it’s eating too much into the page beneath.

    Many Thanks

    Denzel Chia
    Moderator
    Posts: 2656
    October 8, 2016 at 7:43 am #30588

    Hi,

    Please post your website URL that shows your mega menu.

    I’m finding that the megamenu row is too similar to the main menu line. Is there way to change its colour, please?

    Please tell me in details, what you want to change on the mega menu? For example, menu item text color?..

    Also, is there a way to alter the height/padding around the text? As I feel it’s eating too much into the page beneath.

    This is highly possible, but I need to take a look at your mega menu in order to provide a possible solution.

    Thank you

    Alex Knight
    Spectator
    Posts: 3
    October 8, 2016 at 9:01 am #30591

    That’s great, my website is at https://uknightedmusic.co.uk

    Thanks

    Denzel Chia
    Moderator
    Posts: 2656
    October 10, 2016 at 8:41 am #30612

    Hi,

    Please try using the custom main menu color setting in Theme Options -> Styling -> Menu

    Please use the following to reduce the padding of your menu item text.

    ul.nav-menu a {
    padding: 0px !important;
    }

    You can change the 0px to your required value.

    Thank you

    Alex Knight
    Spectator
    Posts: 3
    October 10, 2016 at 11:12 am #30619

    Hello,

    Thanks for the response.

    Unfortunately, I couldn’t notice any difference in the menu height after including your code in the custom CSS. The code is still included if you could take another look, please.

    Also, with regards to changing the color, perhaps I was not very clear. I would like to have a different colours for second tier menu items and top tier menu items. The setting in theme options ->styling ->menu only controls the colour for the whole menu, but I’d like to have different colours on different tiers.

    Thank you

    Denzel Chia
    Moderator
    Posts: 2656
    October 11, 2016 at 7:03 am #30638

    Hi,

    I cannot find the custom css in your source code.
    You are using cloudflare, please clear it’s cache content, so as to allow updated content to load on your front end.

    The following custom css will change the menu item color of your “child” menu items.

    ul.nav-menu li ul li a {
    color: #fff000 !important;
    }

    You can change #fff000 to your required color hex code.

    Thank you