Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #187023

    By default the main menu has a white background, I would like it to be transparent. When you roll down the page, I want the main menu to become white as it does when you roll down by default. Is this possible?

    #187026

    Hi Semel!

    So you want to reverse the header behavioral appearance (scrolled/non-scrolled)?

    Regards,
    Josue

    #187030

    Correct. When you are at the top of the page I want the main menu to be transparent. When scrolling down I want the main menu background to become white. And it should scroll down with the page as it does by default.

    #187129

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #187398
    This reply has been marked as private.
    #187478

    Hey!

    This will make the header stay white when scrolled:

    #header.header-scrolled {
    background: #FFF !important;
    }

    Regarding making it transparent by default i think you must first decide what background you’ll put behind it because otherwise you would not note if its transparent or not, for example, add this too to the Quick CSS:

    #header {
        background: url('http://seanhalpin.io/assets/img/content/nav/header-logo-mask.png') gray;
    }

    Regards,
    Josue

    #187913

    Hi.

    I got it to be white when I scroll but making it transparent doesn’t work. I added an example image. I want the main menu to be transparent on it.

    #187918

    Hey!

    Post a link to the img you want as a background. A mockup of what you want to achieve would be helpful too.

    Cheers!
    Josue

    #187936
    This reply has been marked as private.
    #187956

    Hey!

    Add this code to the Quick CSS:

    .header_bg {
        background: rgba(255, 255, 255, 0.6) !important;
    }
    #main {
        padding-top: 0 !important;
    }

    Result:

    Cheers!
    Josue

    #187968

    Thank you for your help :)

    #187970

    You are welcome, glad we could help :)

    Regards,
    
Josue

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

You must be logged in to reply to this topic.