Forum Replies Created
-
Posts
-
Okay, somehow I've now killed all responsive styling, and I have no idea how. I replaced all the responsive design section from the original stylesheet, and that didn't fix it. Short of going back to the start and losing all my customizations and likely making the same mistake again, I have NO IDEA how to fix this. Here's my stylesheet in case that makes it easier to diagnose.
I'm glad you didn't logo whis as resolved yet. I decided to make the logo wider, so now it's critical that I figure out how to contain it. I found this in FocusPro, which I used on another site with no responsive issues:
.header-image .site-title a { background-size: contain !important; }But I put that in the media queries sections for Quattro for smaller screens, and it's not working. I also tried:
.header .title-area a { background-size: contain !important; }Because it looked from Firebug like those would be the appropriate Quattro classes for the logo. But either I'm not putting it in the right place in the stylesheet (very possible, since I'm new to responsive design), or the code just isn't quite right. I also tried "max-width:100%."
Or could it be because I altered the size of the header image in functions.php? (To 320x50). If so, is there something I can put in functions.php to make it work?
Anitac, I was just looking at it on the studiopress responsive testing here: http://www.studiopress.com/responsive/ Just plugin my URL: http://runmysites.com/wptesting/
It also looks fine on my iPhone, but I know not all devices are configured the same way, so I'm trying to make sure it works well on everything.
Thank you, Andrea! It sure did. I found another way to make the header skinny without affecting the responsive view badly.
Okay, sorry, I wish this had an edit function. I do still need help with getting the header right to show - I'm going to put social icons in it, so it does need to be available on phones.
Argh, please ignore problem #1. I just realized the header right widget doesn't scale according to the text size people specify with browsers - the primary nav does, so I'll have to use it, and it works great in the responsive view.
However, the logo is still spilling off the edge of smaller phones, so I would still appreciate advice on that! That problem also was not fixed when I replaced my modified stylesheet with the original one.
Well, when I stated up front that my client wouldn't allow it to be shown, it was far from welcoming to be told that no help would be possible.
You could have asked if I'd modified anything else (I hadn't). You could have asked to see the stylesheet. Instead, you just instantly washed your hands of my problem, so yeah, feel free to unsubscribe and hopefully someone else will see the thread and take a more positive attitude.
It shouldn't be. I just want to know how to style the search box. Fortunately, the demos will show you as much as a look at the site would. Focus offers a search box like this for the top right header:
http://my.studiopress.com/themes/metro/#demo-full
See how tall that is? I want one that's shorter, like this:
http://my.studiopress.com/themes/quattro/
It really seems like it should be a simple CSS issue, but I've tinkered with all the CSS that seems to relate to the search form, and it just won't change sizes.