This is my first post, so I apologize if I am posting in the wrong place, or if my questions are not fit for the forum.
I have bought the Genesis Framework theme and I have made a child theme. The problem I am having is understanding how the responsiveness works. I am somewhat new to html and css, but I have used responsive frameworks in the past such as the Skeleton framework from http://www.getskeleton.com/.
With the Skeleton framework, I can specify how many columns I want my content to take up, so it's very easy for me to create layouts for my content, and the responsive part works right off the bat. If I have two columns side-by-side, once I shrink my browser, the column on the right will go automatically under the left one. I don't want to waste my time explaining how this works, and I don't want to bore the people who already understand this, so I'll get to the point.
How do I do the same thing with the Genesis framework? I am having a hard time understanding how I can control the responsiveness of my website, powered by WordPress of course. I have tried to just float items next to each other for my layout, but the problem is that it's too messy; it's unpredictable. Part of that problem is that the Genesis is fluid, so that it's always changing even if you shrink the browser just a few pixels. Is there a way to change the framework so it works more like the Skeleton framework, in that it is not fluid, but has a few media queries that specify exact pixel widths. I would rather have a website that responds depending on what pixel width range I'm in, instead of it always being responsive at virtual every browser size. I am wondering if there is a modification for the Genesis Framework to allow me to do this? If not, I would love to know how to make the fluid responsiveness more predictable and more controllable.
Thanks for reading.
You must be logged in to reply to this topic.
Subscribe to get early access to new themes, discounts and brief updates about what's new with StudioPress!