Header size and color

Hi everyone!

I would like to reduce the size of my header because I don’t want to be transparent anymore and I think is too big. In addition, I would like the header won’t cover the slider.

Some time ago, you gave me this code for simple custom css:

#sidebar-footer {
    padding-top: 20px;
    padding-bottom: 0;
}


@media only screen and (max-width: 1024px) {
    #masthead {
        background-color: #9B0500;
    }
}
.site-header.float-header {
    background-color: #9B0500 !important;
    opacity: 0.9;
}



@media only screen and (max-width:767px){

  .home #masthead{
    height: 0 !important;
    overflow: visible !important;
    position: relative;
    top: 0;
    padding: 0;
  }

  .home .header-wrap{
    position: absolute;
    width: 100%;
  }

  .home #masthead .row{
    position: relative;
  }

  .home .btn-menu{
    right: 0;
    margin-right: 15px;
    z-index: 10;
    position: absolute;
  }

  .home #masthead .col-xs-12.col-sm-4{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
  }

  .home #mainnav-mobi{
    top: 0;
    padding-top: 107px;
    z-index: 2;
    position: absolute;
  }

  .home #masthead .col-xs-12.col-sm-8{
    position: relative;
    z-index: 99999;
    width: 80%;
    float: left;
    text-align: left;
  }

}

.site-info {
display : none;
}

What I have to change? My site is: www. ceciliapellicer .com

Thanks in advance.

Hello,

It looks like this issue requires some coding and testing, this goes beyond our support policy. It’s considered advanced customization. As an option, you can contact Codeable for this kind of service, or find a reputable freelancer on Upwork.

Kind Regards, Roman.

Oh! It seems your policy has changed, because I added this code when I asked here. I tried to delete it but It doesn’t work well because of changes we did. Thanks anyway

You are welcome,

We can help with some small changes, but when there is much custom code things get quite complicated and time-consuming.

Kind Regards, Roman.