Dara – changing colour of header menu bar

  • Author
    Posts
  • #3027919

    3crbio
    Member

    Is it possible to change the colour of the header menu bar in the Dara Theme from its current pale blue?

    The blog I need help with is 3crbio.com.

    #3028029

    Hello @3crbio,

    Yes, you can do that by adding custom css.

    You can use this code:

    .main-navigation {
     background-color: #CE0000

    *Please note that I use #CE0000 as sample only, and it now looks like this. You can select your choice of color from this link. Just change it with the HEX value of the color you want.

    You can find instructions on how to add custom css from this link.

    Let me know if you need further assistance.

    Regards,
    Rose

    #3028327

    925health
    Member

    Hello,

    This has worked however when I shrink the size of the website to a tablet/mobile size the menu button for the navigation remains the same? Is there anyway to change this?
    Cheers.

    #3028328

    siobhyb
    Staff

    Hi @925health:

    You’ll need the following custom CSS to change the colour of the mobile menu’s button:

    button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span, .button {
        background-color: #3546E3;
    }

    Hope that’s helpful! If you have further questions, please feel welcome to either reply back to this thread or contact us via our form here:

    https://wordpress.com/help/contact

    As a WordPress.com Business owner, you have access to prioritised support via the above form.

The topic ‘Dara – changing colour of header menu bar’ is closed to new replies.