Support » Theme: Astra » Reducing the size of the header in Astra free theme

  • Resolved Lars.Lemming


    Using a combination of the free Astra theme and free version of Elementor, I have on my localhost as a “Child theme” made – what I think is – a rather nice one-page “website”, which in my mind only have one issue – the header is very big.
    I believe that it is the space which normally is taken up by the navigation menu, but as it is a one-page site, I do not need (or want) the menu!
    To show what I mean, I have made a screen dump of the top part of the website which can be found here:
    Link to screen dump image
    Is there a way to reduce this size (or preferably completely eliminate) this space, e.g. by adding some code to the “function.ini” file (other than the “style.css” file they are the only files I have access to in the “Appearance -> Theme Editor”)?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello @larslemming,

    Would you mind opening a support ticket so that we can have a proper look at your issue and provide you the fix?


    I will open a ticket, but just thought it would be best with solution in this forum, as others may also be interedted in the solution!

    So, after a couple of hours I solved this issue by adding the following to the function.php file in my child theme:

    .entry-header {
    margin-top : 0 !important;
    .page .entry-header {
    margin-bottom: 0;

    Hello @larslemming

    I am glad things are working fine for you and thank you for sharing the solution here!

    There are often times when such issues arise due to many other reasons. Therefore, we ask users to get in touch with us and allow us to look into it for an accurate solution.

    Anyway, I am glad things are working now. 🙂

    Please feel free to get in touch if you need help with anything else.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.