Reducing Header Height of All Pages Except Home Page

  • Unknown's avatar
    surgealgo · Member ·

    I need to reduce the height of the headers on each page except for the home page by about 75% and I’m not sure how I can implement this change.

    I am using the Appetite Theme.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    chaseedlefsen · Member ·

    You would have to edit the theme. For more information on editing WordPress themes, check out the article here:
    How to edit a WordPress Theme.

    If I understand you correctly, it looks like you are trying to get rid of the padding on the header images on all of the pages except your home page. Currently, that section is using the following class on every page:

    .container {
    padding-top: 120px;
    padding-bottom: 120px;
}

    You would have to create a new class to apply to all the pages that you want to change.

    i.e. 

    .container_new {
    padding-top: 20px;
    padding-bottom: 20px;
}

    Also, the div labeled primary-header has extra padding which can help to reduce the size as well.

    I hope this information helps! 🙂

  • Unknown's avatar
    surgealgo · Member ·

    I am unable to access the theme code.

  • Unknown's avatar
    thesacredpath · Member ·

    @vioraagency, the code that @chaseedlefsen gave is custom CSS. Go to Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS and click Publish and let us know if you have any problems.

  • The topic ‘Reducing Header Height of All Pages Except Home Page’ is closed to new replies.