How to get rid of the space between my logo and page title

  • Author
    Posts
  • #132294

    Hi,

    I’d like to get rid of the space between my logo and my page title/content.

    I’d like more of my content to be visible without having to scroll down.

    Should I change the size of my logo?

    Thanks a lot!

    The blog I need help with is paritashahhealing.com.

    #132347

    nudgedesign
    Theme Author

    Hi there!

    Yes, I see what you are referring to. Your logo is fine. :)

    You can drop the following snippet in your Customizer menu under CSS. I should reduce the space:

    .home .page:not(article) .entry-header {
    	margin:0;
    }
    
    .site-branding {
    	margin-bottom: 0;
    }

    Let me know if this works for you.

    Sonia

    #132363

    Sonia,

    Thanks but that didn’t solve it. I have the code in there right now. Please let me know if you can suggest anything else.

    By the way, I want to get rid of this space on all of my pages, not just the home page.

    Thanks!

    #132603

    nudgedesign
    Theme Author

    Hi again,

    I’m not seeing that you entered the first snippet of CSS anywhere on your site.

    If you want it to be applied throughout the site you can use the following instead (slightly modified to remove only top spacing):

     .single .entry-header, 
       .page:not(article) .entry-header {
    	margin-top:0;
    }

    Hope that helps.

    #132605

    Hi, I added it to the additional css section.

    Am I supposed to add it somewhere else? How can I edit the css?

    Thanks!

    #132606

    nudgedesign
    Theme Author

    Just that one spot, but I made a mistake in the snippet. Us the following one instead:

     .single .entry-header, 
       .page:not(article) .entry-header {
    	margin-bottom:0;
    }

    Let me know if that works.

    #132607

    It didn’t work.. Please let me know if you think of something else.

    Thanks!

    #132608

    nudgedesign
    Theme Author

    Sorry for the confusion.

    You weren’t supposed to remove the second snippet. Just adjust the first snippet. So the full snippet to paste in is as follow:

     .single .entry-header, 
       .page:not(article) .entry-header {
    	margin-bottom:0;
    }
    
    .site-branding {
    	margin-bottom: 0;
    }
    #132609

    Yes that worked! Thank you so much!!

You must be logged in to reply to this topic.