Support » Theme: Sydney » I need to decrease header height

  • Resolved Abdallah

    (@lucianoo)


    my website have a very huge header, i need to decrease the height of the header, coz its too much white area… also i need to make the logo smaller, and if there is a way to make the header background to be more transparent

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello Abdallah,

    You can try to use the following CSS code.

    You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

    #masthead .site-logo {
        max-height: 80px;
    }
    
    #masthead {
        padding: 5px;
        background-color: rgba(255,255,255,0.7);
    }

    Kind Regards, Roman.

    Hello Abdallah,

    This can be achieved with the help of custom css –

    .header-clone {
    height: 100px !important;
    }
    .site-logo {
    max-height: 68px !important;
    }
    .site-header {background-color:none !important;}
    .site-header.float-header{background-color:none !important;}
    .header-wrap .container > .row{background-color:none !important;opasity:0;5!important;}
    

    I hope the above was helpful.

    Kind regards,

    Manoj

    Thread Starter Abdallah

    (@lucianoo)

    thanks a lot it worked as i need, thanks PRO’S

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘I need to decrease header height’ is closed to new replies.