- This topic is empty.
September 9, 2012 at 2:35 pm #39750
I’m an aspiring designer & developer from the UK. I’m new to WordPress and the concept of Responsive Web Design. Over the weekend I have managed to build a custom WP theme from scratch and made the theme responsive. However, the site only changes layout at set break-points and is not ‘fully’ responsive like the http://www.css-trick.com website. Can anyone shed some light on what I should be doing to make my site so responsive / fluid?
Craig.September 9, 2012 at 3:29 pm #109625Paulie_DMember
You can always add more break points rather than just the ‘standard’ ones.
If at 536px (for instance) wide you need the design to look a certain way then just add that as a break point.September 9, 2012 at 3:43 pm #109626September 9, 2012 at 3:48 pm #109627Paulie_DMember
Can you specify what behaviour you are after. It might just be that the second site is using transitionsSeptember 9, 2012 at 4:04 pm #109631AnonymousInactive
Yes, definitely make the widths and side margins %’s so they’re fluid and then you’ll be able to see where you need breakpoints much easier, plus it will flow so much more gracefully.September 9, 2012 at 4:14 pm #109633
Thanks for the responses guys. I’m looking at the same effects as Viljamis blog were it transitions gracefully and seems more fluid. My test site seems to just drop size at the break points which I don’t like. I will experiment more with %’s and see what I come up with.
Thanks again guys!
:)September 9, 2012 at 6:17 pm #109648
Thanks Andy. I’m not familiar with CSS transitions as yet. I will experiment with percentages & max-widths & see what I can come up with.
I’m trying to create a very basic responsive custom theme in its most simplest form as a foundation for all future projects.
:)September 10, 2012 at 4:33 pm #109713
I tried to merge the Skeleton grid system with the custom theme I built but couldn’t get it functioning correctly. Like I said I’m new to WP & RWD! :) However, I did take some ideas from the Skeleton theme which itself breaks at different points quite harshly rather than fluid transition like I aimed for. Maybe taking a different boilerplate may work. Which do you recommend! I’m trying to keep the framework I develop as simple as can be!September 10, 2012 at 5:03 pm #109719
Thanks once again, I appreciate the response.
- The forum ‘CSS’ is closed to new topics and replies.