Header height change

Homepage › Community Forums › Legacy Theme Support › Header height change

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 16, 2015 at 2:02 am #16083
    tjd
    Customer

      Hi,

      I would like to reduce the height of the Header. when I look thru the CSS, I don’t see any value for a Header height although I remember seeing a CSS Header width value of around 960 or so. How can I safely reduce the Header height and where is it located?

      Thanx,
      Tom
      tomjdolan.com

      July 16, 2015 at 9:56 pm #16092
      Jessy
      Customer

        Hi Tom,

        You could adjust the padding to your #title-area on line 199 in your CSS file – 

        #title-area {
	float: center;
	overflow: hidden;
	padding: 20px 0;
	width: 960px;
}

        The 20px covers the top and bottom, so if you change it to 10px (for example) it would make the top and bottom padding 10px. Try that, and if you want to remove more space then just lower the number more.

        July 16, 2015 at 11:21 pm #16093
        tjd
        Customer

          Hi Jessy,

          Thanx so much, easier than I thought. Worked so well I used the same technique to rework the Nav Bar just below the Header:-)

          Tom

        • Author
          Posts
        Viewing 3 posts - 1 through 3 (of 3 total)
        • The topic ‘Header height change’ is closed to new replies.