Viewing 12 replies - 1 through 12 (of 12 total)
  • Why not just go to Appearance > Customize > Site Title & Tagline and uncheck the box ‘Display Header Text’ instead of hard coding the image in php?

    Then just add the header image under the Appearance > Customize > Header Image

    Or is this done to make the NAV under the image instead of on top?

    Thread Starter rilliam

    (@rilliam)

    I want the NAV under the image.

    I would try to adjust the 250px height you have.

    I tried 150px and it looked ok

    Thread Starter rilliam

    (@rilliam)

    That is a good suggestion and it works, but only half way. There is still 10px between it and the NAV.

    Can you provide your URL to help out better.

    Thread Starter rilliam

    (@rilliam)

    Looks like you’ve left your site tagline blank, so that’s what the extra space is for.

    You can hide the whole site-description div with this CSS and the extra space should go away:

    #site-description {
      display: none;
    }
    Thread Starter rilliam

    (@rilliam)

    Kathryn, I thought for sure your suggestion was full of insight and was sure it would fix the problem; however, it has no effect.

    I also went into the customization and tried de-checking “Display Header Text” and here is what it looks like:

    image

    Any other ideas?

    Thanks!

    Thread Starter rilliam

    (@rilliam)

    After messing with the masthead section I found that this will make the gap very small:

    #site-description {
    display: none;
    }

    WHY IS THERE STILL THIS SMALL GAP???

    Kathryn, I thought for sure your suggestion was full of insight and was sure it would fix the problem; however, it has no effect.

    That’s very odd, as it did work when I tried it on your site in the browser inspector. ?? Did you add the code to the very end of your child theme’s stylesheet?

    After messing with the masthead section I found that this will make the gap very small:

    #site-description {
    display: none;
    }

    Hmm – isn’t that the same code I gave you above or am I missing something?

    Just to be sure I’m clear, is this the small space you’re trying to remove?

    Mozilla Firefox

    Thread Starter rilliam

    (@rilliam)

    I can’t decide if I am smart or dumb for figuring out whatever you figured out after forgetting what you figured out and doing it myself. No idea why the first time it didn’t work, maybe I was being impatient or something with the browser refresh.

    YES THAT LITTLE GAP, THAT ONE!

    I slept on it and decided that I can live with it and maybe I will find love in my heart for it after awhile, but if you have any ideas how to kill it let me know.

    Thanks!

    I slept on it and decided that I can live with it and maybe I will find love in my heart for it after awhile, but if you have any ideas how to kill it let me know.

    I think we can accomplish what you’re after, even if you’ve found love in your heart for the little gap. ?? Try adding this to your child theme:

    #access a {
     margin-top: -2px;
    }

    If you don’t see the effect right away, try another browser where you’ve never looked at your site before. It’s possible your site is being cached. Here’s what it looks like with my browser inspector:

    Mozilla Firefox 1

    m88en – did you have a question about the Coraline theme? If you do, could you please start a new thread? Thanks.
    https://www.ads-software.com/support/theme/coraline#postform

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘remove space after site-title’ is closed to new replies.