Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #27364

    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.

    #133794

    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

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

The topic ‘Transparent Manu’ is closed to new replies.