Sure, nice job with the customizations so far!
Try the following code:
.site-title .logo {
max-width: 300px;
max-height: 300px;
}
I believe the max-height set by default on the theme is keeping the logo small. The existing CSS within the media queries for over 900px should override the above code and allow it to still increase to 350px wide.
Thanks Ben! Well, I’ve got it working but it seems that the code I already had just needed to be moved to the top of the list of customized css. Does this make sense? Maybe there is some conflict in there between your default and my (not so organized) customizations.
One more thing… this is not really an issue with your theme but since I’ve got an expert on the line, I’m going to ask you! 😉 On this page (http://getawaygirlfriends.com/why-getaway-girlfriends/) the ‘guarantee-box’ disappears on screens below about 800px. I’m sure it has something to so with the float right disappearing off the page when its reduced. Do you have any hints on what to add to the css to have it center on the page at smaller sized?
.guarantee_box {
float: right;
width: 175px;
padding: 6px;
margin-left: 12px;
background-color: #f79722;
border-radius:15px;}
Okay that makes sense. It just means your CSS was overriding itself. CSS cascades (Cascading Style Sheet) meaning it will use the last value assigned for a property unless a previous selector is more specific.
For the guarantee box, that’s a tricky one – it’s not actually disappearing. The background color isn’t applied until 56.25ems, and since the text is white it doesn’t show up on the page, but it is there: http://pics.competethemes.com/image/2W3a0q2z392b
Perfect bit of info, thank you!
You’re welcome 🙂
Let me know if anything else comes up.
