Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 23, 2018 at 3:21 am #1048733
    tycho4511

    I believe the area I want to change the color of is called the shrinking header ( as it changes once the site is scrolled down)

    I found this CSS code, but it only changes the right area of the header around the menu. I want to change all of it. (Optimally to be transparent like it is before the scroll down)

    /* Main menu on shrinking header */	

#top #wrap_all #header.header-scrolled-full .main_menu {
	background:gold;
}
    December 23, 2018 at 6:36 am #1048759
    Mike

    Hey tycho4511,
    To change the header to transparent full time, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .header_color .container_wrap_meta {
    background: rgba(255,255,255,0) !important;
}
.header_color .header_bg {
opacity: 0.3 !important;
}

    Feel free to change the “0.3” to “0” for completely transparent.

    Best regards,
    Mike

    December 24, 2018 at 10:57 pm #1049015
    tycho4511

    Great, that works! Thanks so much.

    Tom

    December 25, 2018 at 5:31 am #1049026
    Mike

    Hi,
    Glad to help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.