Size of logo
-
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)
-
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?
-
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 -
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 :-)
-
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 } } -
-
- The topic ‘Size of logo’ is closed to new replies.