Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #28935

    I tried inspecting and changing the background to transparent with CSS, but have no luck.

    Just looking to change the background to transparent and the fixed menu header to remain the same as a solid.

    Thanks much

    Andy

    #139203

    Hey,

    What type of header do you have? Please check on Enfold > Header > Header Type.

    Regards,

    Ismael

    #139204

    I’m using the fixed small header type

    You can see here. hoodandheist.com

    #139205

    Hey,

    This will make the header transparent:

    .header_color .header_bg, #header_main {
    background: transparent;
    }

    To have the full effect, move the main container upwards:

    .fixed_header #main {
    padding-top: 0;
    }

    Cool website, by the way. :)

    Regards,

    Ismael

    #139206

    Hi guys,

    I’m also trying to get a transparent header with small fixed header type. When I start scrolling the header seems to switch to semi-transparent by default.

    I’m working locally so unfortunately can’t post a link.

    edit: thanks for the quick fix :)

    #139207

    Hey,

    The code above should work even when you scroll down the page. Please try this:

    .fixed_header #main {
    padding-top: 0;
    }

    .header_color .header_bg, #header_main {
    background-color: transparent !important;
    border: none;
    }

    .header_color div {
    border: none;
    }

    Cheers,

    Ismael

    #139208

    Hi thanks so much. I tried the code, it works, but the sticky fixed menu becomes transparent as well.

    Is there anyway to make the fixed scrolled menu a solid color when scrolled?

    Site here:

    hoodandheist.com

    #139209

    Hi andyhoodified,

    No, unfortunately not that I know of. Once its set it would need some custom javascript to change it after scrolling.

    Regards,

    Devin

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

The topic ‘CSS help with changing the header menu backgroudn to Transparent?’ is closed to new replies.