How to reduce white space above logo

  • There was an ongoing thread about it but someone marked it as resolved while it is not so I am asking again. My site insaatbilgi.com. Theme is 2023.

    How can I move the logo up so that the unused white space above it is less? In other words, reduce white space between top of logo and bottom of menu above. The menu stays.

    There was a large font page title above the logo which I deleted. But I cannot remove that area although I deleted the page title.

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

  • If you’re using 2023 and the page on which you’re working is the HOME template, you should be able to go Dashboard >> Appearance >> Themes >> Customise >> Templates >> Home >> select Edit and then you should be able to amend the styling (in your case, the margin)

    Thread Starter ketanco

    (@ketanco)

    Yes I thought the same and did that immediately but there is no way to do what I described . Thanks for the generic response but this doesn’t solve anything. Or tell me how specifically I will do it after selecting edit.

    To reduce white space above a logo in WordPress, you can follow these steps:

    Log in to your WordPress dashboard.
    Navigate to Appearance > Customize > Additional CSS.
    Enter the following CSS code to target the logo:
    CSS
    .site-header .custom-logo-link {
    margin-top: -10px; /* adjust the value as needed */
    }
    Save and publish the changes.
    This CSS code targets the .custom-logo-link class within the .site-header element and applies a negative margin to the top, which reduces the white space above the logo. You can adjust the value of the margin-top property to achieve the desired result.

    I have applied this CSS code to to reduce the white space above a logo at my website https://hindivilla.in/, Please have a look for more info.

    Hi

    Sorry for the ambiguity and not being as specific as to assist, on following the steps initially provided, once you are in Edit mode, you should have options to select the ‘block’ (with the logo) on the right of the screen if in desktop view, this should allow you to amend the top margin, reducing what appears to be a pre-set at 50px.

    If still ambiguous or I’m still misunderstanding the outcome you’re after, let me know and perhaps some screen-shots could be of value.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to reduce white space above logo’ is closed to new replies.