Is there a Way of Making the Header Area Larger so my Logo can be Larger?

  1. Home
  2. Docs
  3. Tyler
  4. Frequently Asked Question...
  5. Is there a Way of Making the Header Area Larger so my Logo can be Larger?

Is there a Way of Making the Header Area Larger so my Logo can be Larger?

Yes it is possible but we suggest not to do that as the end result will impact on the design and specifically on the menu. Preferred logo image size is 236 x 59 pixels.

If you want to proceed please try the following:

Please do remember to back-up the files prior to any edits.

1) Open wp-content/themes/Tyler/css/layout.css

2) Around line number 382, you can find the following css:

header {

max-width: 1260px;

width: 100%;

margin: 0 auto;

height: 100px;

}

3) Please change the above code as follows:

header {

max-width: 1260px;

width: 100%;

margin: 0 auto;

height: 121px;

}

4) Around line number 297, you can find the following code:

header #logo img {

max-width: 100%; max-height: 60px;

}

5) Please change the above code as follows:

header #logo img {

max-width: 100%; max-height:85px;

}

6) Around line number 394, you can find the following:

header #menu-primary {

margin-top: 54px;

position: absolute;

right: 0;

}

7) Change it as follows:

header #menu-primary {

margin-top: 75px;

position: absolute;

right: 0;

}

8) Open wp-content/themes/Tyler/css/layout-mobile.css

9) Around line number 501, you can find:

header #logo img, header.sticky #logo img {

max-height: 33px;

}

10) Change it as follows:

header #logo img, header.sticky #logo img {

max-height: 70px;

}

Therese are the only primary code changes. You may need to add more changes according to the requirement.

 

Was this article helpful to you? Yes No