Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #5190


    What CSS should I replace to change the height of the header area?





    could you link me to your site or provide an image and elaborate please? It’s hard to comprehend what you mean by header without a visual.


    The header is the area where the logo and search bar are located?





    You need to add a CSS declaration to adjust the header height. Open up /css/custom.css and under the line that reads:

    /* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

    add this code:

    #header {
    height: 100px;

    Obviously, adjust the height (100px) as required. You may also find as a knock on effect that other elements need adjusting, if this is the case I recommend installing FireBug to assist you in finding the elements to change.



    Thanks for the reply!

    I’ve already attempted this, however the height doesn’t seem to want to go below 93px which is very odd

    Edit – Messing around with the style.css some more it seems that .container_wrap, #wrap_all { display: table; } is somehow forcing the height of the header to be 93px, when I disable this rule I can set the header to any height I wish but it obviously messes up the entire site layout.

    any ideas?




    Please add the code to css/custom.css and leave it. We’ll investigate why it doesn’t work…

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Adjusting Header Height’ is closed to new replies.