Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #305015
    harbingersg
    Participant

    Hi, I am trying to make my masthead banner transparent for my site > http://www.halleyslimminglibrary.com.sg.

    I also want the menu to appear only when the user starts scrolling down the page.

    Please advise.

    #305026
    tikaram
    Keymaster

    @harbingersg : Please try adding the following additional css.

    body.custom-background {
      background-color: unset;
    }
    
    .header-bg #masthead {
      background-color: transparent;
    }
    
    .site-content {
      background-color: #000;
    }
    
    
    
    
    #305060
    harbingersg
    Participant

    Hi Tikaram,

    Thanks for the reply.

    It doesn’t seem to be working the way I envision it to be.

    Here’s a sample of what I would like > https://halley-coolsculpting.showcase.sg/
    Upon scrolling down, the masthead banner changes from transparent to black.

    Is there a way to do this on my current site?

    Thanks again!

    #305224
    tikaram
    Keymaster

    @harbingersg : To change the masthead from transparent to black you will need to add a class in the masthead and you will need to add some js code as it cannot be accomplished with the help of css only. I would recommend you to hire a customizer to get your site customized as desired.

     

    Regards,
    Tikaram

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Transparent Masthead Banner’ is closed to new replies.