I'm trying to modify the build a sub-theme but don't know how to do this:
I need a fluid grid with a min and a max width BUT with a fixed-width sidebar.
Anyone knows how to?

Comments

aristeides’s picture

aristeides CreditAttribution: aristeides commented

Ok, I realize that sentence didn't make much sense but the phone rang while I was writing it and I got distracted. :P

jeremycaldwell’s picture

jeremycaldwell CreditAttribution: jeremycaldwell commented
Status: Active » Fixed

I worked on a theme not too long again that needed this sort of functionality. It had to have a fluid layout yet had fixed width sidebars. So this allowed for the content area to be totally flexible and have fixed width sidebars at all times.

Try with this bit of CSS as a base and modify as needed. It should get you started but will still take a bit more custom work to get it going correctly. 

/* Overriding grid width and setting fixed width sidebars
/-------------------------------------------------------------- */
body .row {
  max-width: 100%;
  min-width: 100%;
}

#sidebar-first.row {
  max-width: 150px;
  min-width: 150px;
}

#main-group.row {
  max-width: auto;
  min-width: 470px;
}

#sidebar-first {
  float: left;
  width: 150px;
}

#secondary-menu-sidebar-last-wrapper {
  float: right;
  width: 100px;
}

#sidebar-last.row {
  max-width: 100px;
  min-width: 100px;
}

#main-group {
  margin-left: 150px;
  margin-right: 100px;
  width: auto;
}

Hope that helps!

aristeides’s picture

aristeides CreditAttribution: aristeides commented

thanks! that was really helpful....
marking this as fixed.

aristeides’s picture

aristeides CreditAttribution: aristeides commented

Actually.... after trying again and again to make this work, it didn't work as expected because of the way that fusion deals with grids. So... the way I see it, I'll have to change the grid.css file in the core theme (copy it of course to the sub-theme's css directory) but the problem I found was that mixing px values with % values in that file isn't as simple as it seems at first.
So.... does anyone have any ideas?
Of course it could be done the way described above with another theme, but I'd really love to do it with fusion....

aristeides’s picture

aristeides CreditAttribution: aristeides commented
Status: Fixed » Active

switching back to "active"

tiptup’s picture

tiptup CreditAttribution: tiptup commented
Priority: Normal » Critical

Hi everbody :D
I'm on wordpress and im actually using your theme Mystique but i would like, without leaving the fluid mode, specify a size for the sidebar (330px).

This is my style.css : http://www.mediafire.com/?fxwg7cmbvt2nunp :) I can open you a administator account to make some changes.

Thank you for answer :D bye bye

jeremycaldwell’s picture

jeremycaldwell CreditAttribution: jeremycaldwell commented
Priority: Critical » Normal
stephthegeek’s picture

stephthegeek CreditAttribution: stephthegeek commented
Version: 6.x-1.x-dev » 7.x-1.x-dev
Category: support » feature
Status: Active » Postponed

Will revisit this later in a next generation layout approach.

aristeides’s picture

aristeides CreditAttribution: aristeides commented

:) good to know.... with screen sizes getting larger all the time and simultaneously more mobile users coming to our sites, fixed vs fluid is getting more and more difficult to choose. Having a way to get the benefits of both worlds would be nice.

stephthegeek’s picture

stephthegeek CreditAttribution: stephthegeek commented

Yeah you'll see a responsive layout option for us before this, most likely. The mixed fixed+fluid on the same page is a whole other ballgame we can't address with the current foundation. And it's really hard in a dynamic CMS/regions :P

Poieo’s picture

Poieo CreditAttribution: Poieo commented
Issue summary: View changes
Status: Postponed » Closed (won't fix)

The use cases for this are pretty minimal with responsive design.