Menu and logo in header

  • Resolved nvlctur

    (@nvlctur)


    4 years, 1 month ago

    Hi there

    I installed Astra and then one of its Starter sites, Real Estate.

    When I added logo using Customize, its very small. As I increase its size, so does the header area itself, leaving the menu items looking very small and isolated in the big area.

    So I need to increase the size of the logo WITHOUT the size of the header area increasing. And then also move the menu items more to the left.

    Im a novice at CSS or coding, I use site builders and Customize.

    Please help!

    The page I need help with: [log in to see the link]

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

  • Hi @nvlctur,

    The height of the header will be affected by the height of the logo, that’s how it works.

    In your case, perhaps you can remove the padding (white blank spaces) around the logo. And regarding move the Primary Menu more to the left, if you are using the old header/footer, there’s no option to do that. However, it is possible if you are using the new Header Footer Builder.

    I hope it will help. Feel free to reach out to us if you have any further queries.

    Kind regards,
    Herman ??

    P.S. We recommend reaching out to us through our Support Portal for faster and quicker help and resolution as mentioned here.

    Thread Starter nvlctur

    (@nvlctur)

    Ok – not the answer I expected. Isnt there some additional CSS I can apply to make these changes? Normally guys send me some css I can add and it sorts these sort of things out.

    Hi @nvlctur,

    I noticed that you have made some changes to the site header. Let us know if you need more help, otherwise please mark the topic as resolved.

    Kind regards,
    Herman ??

    Thread Starter nvlctur

    (@nvlctur)

    Hi – yes thanks, I did my own changes and it seems to work for me. Would still have liked to have the text of the menu bigger and moved a bit more left, but will live with it.

    Thread Starter nvlctur

    (@nvlctur)

    Thanks anyway guys.

    Hi @nvlctur,

    Please add the following CSS code in Appearance > Customize > Additional CSS to change the font size and move the menu a bit to the left

    .main-header-menu .menu-link {
    font-size: 19px;
}

.header-main-layout-1 .main-navigation {
    margin-right: 20px;
}

    Please modify the code above to fit your needs.

    I hope it helps.

    Kind regards,
    Herman ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Menu and logo in header’ is closed to new replies.