WordPress.org

Ready to get started?Download WordPress

Forums

Hueman
[resolved] Opaque menu (7 posts)

  1. JustRunLah
    Member
    Posted 6 months ago #

    Hello,

    Is there a way to make the "Header Menu" opaque and of a certain color rather than transparent as it is now? I need this as I am using an image as header background...

    thank you

  2. Alexander Agnarson
    Member
    Theme Author

    Posted 6 months ago #

    Hi there!

    Add this custom css to color it:

    #nav-header.nav-container { background-color: #444; }
    @media only screen and (min-width: 720px) {
    	#nav-header .nav ul { background-color: #444; }
    }
  3. JustRunLah
    Member
    Posted 6 months ago #

    hi, thanks a lot and Happy New Year

    Speaking of, I just thought, is it possible to make the header half-transparent?

    Would be really cool if we could somehow choose a base background color and then set a percentage of opaqueness... let me know please

    best

  4. Alexander Agnarson
    Member
    Theme Author

    Posted 6 months ago #

    Happy new year!

    Replace #444 with an rgba value, like this:

    background-color: rgba(0,0,0,0.6);

    The first three 0's are rgb 0 0 0 = black. The 0.6 is 60% opacity.

  5. JustRunLah
    Member
    Posted 6 months ago #

    awesome! thanks a lot - marking resolved

  6. Phil Jones
    Member
    Posted 6 months ago #

    Hi there. Great theme. JustRunLah mentioned he uses an 'image' in the "header menu". How do you achieve this please. Great, great theme Alexander. Happy New Year to You x

  7. JustRunLah
    Member
    Posted 6 months ago #

Reply

You must log in to post.

About this Theme

About this Topic