How to make website menu header transparent?

  • tbarb13

    (@tbarb13)


    10 years, 4 months ago

    Hi.
    I have a website using the ask-me theme, and it is great 🙂
    I want to do just 2 things.

    1-Make the header transparent, in order to see just the background.
    2-Make the menu items have a white background

    Also, I want these changes to only show on the homepage.

    I’ve tried messing around with the css, but I couldn’t figure it out.
    My site is : http://www.mylemonaid.com

    Thanks in advanced.

Viewing 3 replies - 1 through 3 (of 3 total)
  • HudsonValleyWebDesign

    (@jaycbrf)

    10 years, 4 months ago

    #header.header_light {
    background-color: transparent;
    }
    #header {
    background: transparent none repeat scroll 0 0;
    height: 86px;
    margin-bottom: -86px;
    position: relative;
    z-index: 100000;
    }
    .navigation > .header-menu > ul li {
    background: #fff !important;
    }

    Thread Starter tbarb13

    (@tbarb13)

    10 years, 4 months ago

    Is there a way to make this change only show on the homepage?

    HudsonValleyWebDesign

    (@jaycbrf)

    10 years, 4 months ago

    body.home #header.header_light {
    background-color: transparent;
    }
    body.home #header {
    background: transparent none repeat scroll 0 0;
    height: 86px;
    margin-bottom: -86px;
    position: relative;
    z-index: 100000;
    }
    body.home .navigation > .header-menu > ul li {
    background: #fff !important;
    }

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘How to make website menu header transparent?’ is closed to new replies.