- This topic has 4 replies, 2 voices, and was last updated 13 years, 4 months ago by
.
-
Posts
-
I'm in a fixed Content-Sidebar arrangement but do not want the right sidebar to get skinnier as you adjust the browser width.
I tried adding .sidebar{width:336px;} to the @media section, but after a certain point, the sidebar drops out.
What I want is the right sidebar to stay fixed-width and the left content area be the one that adjusts as you get skinnier. Is this possible?
You see, I have floating divs in the sidebar that do not adjust like a 100% image would. The sidebar gets skinnier and my floated divs stack (no room).
TygrScott on Social Media
Hi Scott. In the theme, there are Media queries, where the responsive functions are called. Sounds like once you get below a certain resolution, then that kicks in.
Search for @media in the CSS file and you'll need to adjust the CSS of the sidebar and content for each screen resolution.
Loving the Genesis Life!
Yeah, I implied in my original post that I knew that, but I'm looking for specific ideas or tips on how to go about it in my 1024px layer.
TygrScott on Social Media
So if you take a look at the Genesis Visual Markup Guide. You'll see the core structures of the page.
http://my.studiopress.com/docs/visual-markup-guide/
You'll want to adjust #content and such to perform as desired for each @media call as there are different breakpoints that you'll need to adjust.
Loving the Genesis Life!
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.