Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #255018

    Hi there,

    I’ve tried to see if this has been addressed already but I couldn’t find a clear answer so apologies if I’m repeating an issue.
    I would like to
    1. Change the background colour of the Menu Bar only. I can change the whole header colour but I want this to remain white and only the menu bar to change colour. (Dark Red with white text)

    2. The logo is showing up very small on screen so I would ideally like to allow it more height.

    I understand basic coding but anything too advanced I will have a problem with – is this something I can do myself or will I need to get a coder?

    Any helps greatly appreciated.


    Hey ElementArt!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    #header_main_alternate { background-color: red; }

    2- Can you post the link to your website so we can take a look?



    Hi Yigit,

    I just tried that but nothing happens – I’ve managed to fix the height allowance for the logo but the colour is still giving me issues.
    Thank you for your help on this – I appreciate the speedy feedback.
    The site is




    It seems like your website is currently down –



    hi Yigit,

    Sorry – it was moved to




    Please try adding !important rule to the code as following

    #header_main_alternate { background-color: red !important; }
    .av-main-nav > li > a { color: white !important; }

    Currently it is not being applied.

    Best regards,


    Thanks a million Yigit,

    That worked perfectly! One last quick question, if I wanted the font colour in the bar to be white so you can see it clearer do I change that in the Quick CSS too? And is there a code to have the rollover state be red text on white background?

    I think this is probably more a beginners coding question but if it is handy for you to send through a code I can copy across I would really appreciate it..
    I will probably be able to figure it out (eventually. . . through trial and error!!!) but as I said earlier – I’m not the best with coding :)

    Thank you again for all your help and speedy responses.



    Following code should do it

    .av-main-nav > li > a { color: white !important; }
    .av-main-nav > li > a:hover { color: red !important; background-color: white !important;  }




    Thank you so much for your help! It looks great!



    You are welcome, glad we could help! Let us know if you have any other questions or issues

    Best regards,

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Changing colour of Top Menu Bar and Height allowance for logo’ is closed to new replies.