Extra space in header

  • Resolved kristynabodjona

    (@kristynabodjona)


    3 years, 1 month ago

    Dear,

    I would like to know how to minimize the spacing between menu 2 (O nás, blog, poradna, etc) and banner “100% p?írodní kosmetika z Afriky”. In responsive mode the spacing is too much.
    I would like the banner to be directly under the menu without any extra spacing.

    Best regards,

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

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

  • Hi there,

    I understand that you want to minimize the area shown in this screenshot: https://d.pr/i/IGdYtF is that correct?

    This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code after adjusting the value of the margin-bottm (you can use the value of 2 or you may want to use something smaller)
    ?

    .home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 2em;
}

    Please test that and let us know how it goes.

    Regards,

    Thread Starter kristynabodjona

    (@kristynabodjona)

    Awesome!
    Thank you Ahmed, it is exacly how I want it now.
    Regards

    Glad to hear it – thanks for letting us know!

    I’ll mark this thread as resolved now. If you have any further questions, I recommend creating a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Extra space in header’ is closed to new replies.