Need help? Check out our Support site, then


less white space between logo and posts/featured content

  1. gypsysoultravelblog1
    Member

    Hello,

    I'm wondering if it is possible to edit the "white space" below the logo so there is less space between the logo and posts. for the moment I have set featured content but the white space is too much in my opinion. ANy help is appreciated.

    Many thanks!

    The blog I need help with is gypsysoul.be.

  2. Hi again,

    Would it be possible to make your site public so I can take a look?

    Thanks!

    Sonia

  3. gypsysoultravelblog1
    Member

    HI, I just made the site public. thanks for the assistance.

  4. Hi there,

    Thanks so much for setting it to public.

    You can reduce the bottom margin of the logo by add the following to the CSS panel under Themes >Customize:

    .site-branding,
    .site-logo-link {
        margin-bottom: 0;
    }

    Hope that helps.

    Sonia

  5. gypsysoultravelblog1
    Member

    thanks, that worked like a charm!

  6. gypsysoultravelblog1
    Member

    any idea if I can make the logo also bigger (width and height) with CSS without interferring with this white space?

  7. Sure, but you'll have to play around with the menu's width as well. This is the default CSS:

    @media screen and (min-width: 920px){
    	.site-branding {
    	     max-width: 35%;
    	}
    
          .top-menu-wrap {
      	 max-width: 64%;
          }
    }

    So you could increase the top % to say 40% and the bottom one to 59%. So the final CSS would be:

    @media screen and (min-width: 920px){
    	.site-branding {
    	    max-width: 40%;
    	}
    
          .top-menu-wrap {
      	   max-width: 59%;
          }
    }
  8. gypsysoultravelblog1
    Member

    ok that worked fine! thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.