overlap header on secondary pages

how do i do header overlap on all mages to make my theme consistent no matter what layout i use on subpages like the whole width template for example


  • Hi, @jonsyrose

    To do this, Go to Appearance => Customize => Additional CSS and add the given below custom CSS code:

    .page-id-46 .header-overlapped, .page-id-287 .header-overlapped, .page-id-262 .header-overlapped {
            background-color: transparent;
    .page-id-46 .navbar-overlapped, .page-id-287 .navbar-overlapped, .page-id-262 .navbar-overlapped {
            position: absolute;

    I hope it will work for you!

  • why when we scroll down does the navbar go red
  • need them to stay transparent
  • Hi,

    Add the given below custom CSS code:

    .stiky-header {
        background: rgba(0,0,0,0.2)!important;

Sign In or Register to comment.