Okay
  Public Ticket #1020623
Header size
Closed

Comments

  •  2
    kaustabpal started the conversation
    January 13, 2017 at 8:47pm

    I would like to reduce the thickness of my header. I cannot find any options. Please help.

  •  3,030
    Andrew replied
    January 13, 2017 at 9:15pm

    Hi there,

    I hope you are having an awesome day and thanks for contacting us regarding your query.

    You may add this to the Custom CSS Code section located by navigating to Appearance>General Settings>CSS/Script Related>Custom CSS Code from your WordPress Dashboard

    div#header-outer {
        height: 90px!Important;
    }

    You may change the height from 90px to whatever you'd like.

    Please let me know if there are any more questions that I may answer for you :)

    Cheers! 

  •  2
    kaustabpal replied
    January 13, 2017 at 9:52pm

    Thanx for your help. Can you also tell how I can move the logo to the centre of the height of the header ?

  •  3,030
    Andrew replied
    January 14, 2017 at 10:08pm

    Hi kaustabpal,

    You can use this CSS to adjust the vertical position of the logo on the header.

    #header-outer[data-format="menu-left-aligned"] .row .col.span_3 {
    margin-top: 9px;
}

    You will need to adjust the 9px to fit the height you have set.
    Hope this helps.

  • Mark replied
    March 10, 2017 at 6:14pm

    This is a big help, however: how can I get my logo the same height (no padding) as the header and fully aligned to the left? It's proven to be more difficult then I thougth! Thanks in advance.

  •  3,030
    Andrew replied
    March 11, 2017 at 10:06pm

    Hi Mark,

    Thanks for your reply.

    Here are some Custom CSS that should help you accomplish this

    /*Removes The Logo Top Padding*/
div#header-outer{
  padding-top: 0 !important;
  height: 40px !important;
}
div#header-space, header#top{
  height: 40px !important;
}
/*Aligns Logo To The Left*/
header#top #logo img{
  margin-left: auto !important;
}

    You may add this to the Custom CSS Code section located by navigating to Appearance>General Settings>CSS/Script Related>Custom CSS Code from your WordPress Dashboard 

    Please let me know if there are any more questions that I can answer for you.  

  • Mark replied
    March 13, 2017 at 5:45pm

    AWE-some! You guys are my Heroes.. Keep up the good work!