Whitespace between logo and site title

  • Resolved OldCorkonian

    (@josullivanc)


    2 years, 3 months ago

    Hi folks,

    Any ideas on how I can reduce the white space between the logo and site title in this theme? The site looks fine when on a larger display, but there is a significant gap between the logo and title when reduced to a narrower display or mobile device.

    Thanks in advance!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hi @josullivanc – looks like you’ve added 150px of spacing on one of those blocks, which is adding that space. Here’s a screencast:

    https://d.pr/i/TJHlhE/ijxdH9cvSy

    If you want that gap to be applied only on larger screens, you could try removing it from the block settings and instead using custom CSS. You’ll want to put it inside a media query, so it only applies to wider screens, at the breakpoint you specify. Since I see you already have some custom CSS on the site, I’ll let you write the CSS yourself, but if you get stuck and need a hand to be pointed in the right direction, let me know.

    • This reply was modified 2 years, 3 months ago by Kathryn Presner. Reason: typo
    Thread Starter OldCorkonian

    (@josullivanc)

    Thank you so much! This fixed my problem. Appreciate you taking the time to make the screencast.

    Moderator Kathryn Presner

    (@zoonini)

    @josullivanc Awesome! Glad that fixed the issue, and thanks for letting me know. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Whitespace between logo and site title’ is closed to new replies.