Forum Replies Created
-
AuthorPosts
-
el_steeleMember
I think it's a great project. I'm a part of a community that has a lot of involvement with Down Syndrome. It's a part of life that I'm very unfamiliar with but excited to shed some light on.
My advice is to not spend too much time messing with the picky things like alignment and how the social buttons look — although, when you get some time you should check out Brian Gardner and Nathan Rice's plugin for those. A site like yours is all about the content. Pour your time more into that and tackle the picky things over time.
Well done so far.
el_steeleMemberel_steeleMemberel_steeleMemberLooks like what is causing the problem is the caption. When adding a caption, WP creates an attachment ID, which sets a fixed width.
el_steeleMemberYes, that is strange. Is there another image on your site that is having the same problem?
el_steeleMemberel_steeleMemberBlue Bell!!!
The container for that image is set at 650px, so the image (which is set to be 100% of it the width of it's container) is going to stay at 650px wide instead of scaling.
July 11, 2013 at 10:29 pm in reply to: Disabling responsive design, for phones, on an individual page #50326el_steeleMemberYeah, I figured the issue was with the menu and I can see how the current responsive layout for phones would make for a long list to have to scroll through. I just wonder if there are improvements you could make with the UI that would make it a better experience on phones, rather than disabling the media queries altogether and discouraging users from accessing it from their smartphones.
July 11, 2013 at 10:09 pm in reply to: Disabling responsive design, for phones, on an individual page #50323el_steeleMemberThis is not the quick fix you're looking for (Dorian's suggestion would do what you're asking), but the ideal solution would be to design that content to better fit the experience on phones. You definitely don't want to get in the habit of requiring users to be on a desktop in order to get your product (for some, phones are their only access to the web).
I definitely don't mean for that to be a lecture response but more of an encouragement to strive for better experiences and open access for everyone.
el_steeleMemberSara,
Right now your #nav is inside your #header .wrap which is set at 960px. For the #nav to go full width it would need to be outside of that 960 wrap. The easiest thing to do is to move it after the #header and before the #inner.
Here's some tips on how to do that: http://my.studiopress.com/snippets/navigation-menus/
Hope that helps!
el_steeleMemberel_steeleMemberHey Nathan,
You'll want to change how the ul elements are displayed:
#nav ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}You don't need the float: left or width: 100% since those will be applied to the #nav .wrap.
As for the secondary nav, flip-flop your margin property so that it's margin-top instead of top-margin. Easy mistake. When in doubt, always remember general > specific when working with css property names. You'll also want to move that property to #subnav, since that is the element that has the top border.
Hope that helps! If you don't already work with an in-browser inspector, it's a huge help for frustrating stuff like this. I use chrome's. If you need any help with that, let me know.
---
follow me @el_steele
-
AuthorPosts