Right column sidebar
Permalink Browser Info Environment
I have a design that requires the right side bar to go to the top of the wrapper div in the right sidebar template. However I'm having problems clearing the sidebar from the meta information divs area. The breadcrumb is floatin left so is out of the way. Is there a way of treating the sidebar as a separate area but keep it responsive? not sure of what I need to clear and overflow etc as not that fluent with the framework.
Type: | Discussion |
---|---|
Status: | New |
Can you maybe post a mockup of exactly what you're trying to accomplish? I'm not exactly sure what you mean. Thanks.
What I'm trying to do is make the right sidebar area responsive as in your right sidebar template. But as you see I've moved the meta information to the left and I'm not sure if the sidebar is now sitting right.
http://bmc-client.co.uk/etavoni/...
When I scale it to iPhone it goes really small - is there a way of getting some extra space so the 4 col class has more padding on the left. I'd rather work with your defaults and do that but I think that meta div is messing with things. Or alternatively treat the right sidebar as a seperate area if that's possible.
Also is there any way of making that background image in the side bar scaleable.
http://bmc-client.co.uk/etavoni/...
When I scale it to iPhone it goes really small - is there a way of getting some extra space so the 4 col class has more padding on the left. I'd rather work with your defaults and do that but I think that meta div is messing with things. Or alternatively treat the right sidebar as a seperate area if that's possible.
Also is there any way of making that background image in the side bar scaleable.
I'm really not sure why you modified css for the sidebar (doesn't seem necessary). You could change the column classes on #content and #sidebar like you did, that's fine. To scale a background image see this:http://davidwalsh.name/background-size...
Thanks so much for your help and thanks again for sharing your great programming skills. I'm just getting to grips with the framework systems. One final question is there a way of giving the framework a bit more 'flex'. So if I wanted a bit more padding on the left is there a way of doing this without breaking the grid.
P.S A suggestion for your documentation would be to give a bit of a tutorial on how to bend the framework to your will eg play with the columns and a summary of how the Maths of the framework works with the cols. Hope that makes sense.
P.S A suggestion for your documentation would be to give a bit of a tutorial on how to bend the framework to your will eg play with the columns and a summary of how the Maths of the framework works with the cols. Hope that makes sense.
What I would do is insert another div within the #content or #sidebar div and give it a class of .inner. Then you could add the appropriate padding to that div like so:
Check out Columnal, it's the CSS grid framework that Slate is built on:
http://www.columnal.com/
#content .inner { padding: 0 20px 0 0; }
Check out Columnal, it's the CSS grid framework that Slate is built on:
http://www.columnal.com/
sounds like a good idea...many thanks Chris
You're welcome!