Size of logo

  • Unknown's avatar

    Hi,

    I used the following coding to change the size of the logo but it has only changed the sizing on the Home page, and no-where else!

    @media (min-width: 768px) {
    .site-branding .site-logo-link img {
    height: 200px;
    }

    .pique-panel-content, #pique-hero .pique-panel-content .entry-content {
    padding-top: 200px;
    }
    }

    Is there a way to make the logo look the same on all of the site pages?

    Thanks.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there, it looks like you have gotten this issue pretty much resolved by wrapping moving the second rule to a different media query. I see just a bit of difference in the vertical position of the logo, but other than that it all looks very similar between pages.

    Is what you have now working for you or do you wish to make changes?

  • Unknown's avatar

    Hi,

    Thanks for your reply. The logo is wider on the Home page but not on the other pages… is there a way to make them all the same size? Or is that just the way the layout of the site is… I can’t figure it out!
    Thanks

  • Unknown's avatar

    The colour at the top of the page is different to the bottom, I can’t figure this out either but that’s anther issue :-)

  • Unknown's avatar

    The front page top area is designed slightly differently than the standard pages, but what we can do is modify your min-width: 768px media query and instead of targeting the height, do the width. Replace your existing 768px media query with this.

    @media (min-width: 768px) {
    	.site-branding .site-logo-link img {
    		width:700px;
    		height: auto;
    	}
    	.pique-panel-content,#pique-hero .pique-panel-content .entry-content {
    		padding-top:200px
    	}
    }
  • Unknown's avatar

    Great! Thank you so much for all you help, really appreciated.

  • Unknown's avatar
  • The topic ‘Size of logo’ is closed to new replies.