Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 7, 2013 at 2:37 pm #27364
    joe88

    Hello. Is there a way to display a transparent menu (menu and top bar) and then switch to the standard shrunken menu upon scrolling? Similar to this example, http://feelwhatyouare.com/ . I have seen this used on several sites and seems like a good option to be able to showcase a header image without the standard white menu. If not, can this be added as a feature request? Thanks.

    August 8, 2013 at 4:59 am #133794
    Ismael

    Hi,

    You can add this on your custom.css or Quick CSS:

    #header_main .container, .header_color .header_bg, #header, #header_meta, #header_main, #top .social_bookmarks li, #top .sub_menu > ul > li  {
    
background: none;
    
box-shadow: none;
    
border: none;
    
}

    To fully realize the transparent effect, move the #main div on top:

    .fixed_header.social_header #main {
    
padding-top: 20px;
    
}

    This will work better for non-fixed headers.

    Regards,

    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Transparent Manu’ is closed to new replies.