I ask this because I have a page with a two column stack. On the desktop each column uses half the space. It works because the line breaks in the poem come out correctly. It only needs half the space on the large desktop screen.
The problem comes with the tablet. The tablet is also too small for two columns to work side by side so I tried setting up the tablet like the phone to use full width setting of 12. Yet in landscape it still tries to use the desktop settings of 6.
So my question would be can I force the tablet to use a full width setting of 12 no matter if it were portrait or landscape? If not I’d have to ask what good is it having a tablet setting if it always just gives an average of the phone and the desktop?
Also will this work the same way on elements? There are times I wish the tablet was completely its own setup since even positioned in landscape most tablets just are not big enough to take on desktop spacing.
The settings for phone, tablet and desktop don’t look at the type of device the visitor is using, but rather at the width of the window in which your site is being displayed. In effect, they tell the browser “if the horizontal resolution is below this threshold, display the contents this way”.
In other words, if you have a phone with a high resolution display, the content of your site may appear like you (as the designer) had in mind for tablets. Conversely, if you size the browser window on a desktop computer or laptop below a certain width, the content will display like a tablet (and eventually like on a phone if the width falls below that limit).
If you really need control based on the type of device the visitor is using, you’re going to need something like the Agent ($50, Weaver’s Space) stack, which will serve up content based on the browser agent string.
In Elements you can configure sizes for 6 different breakpoints in the Theme Studio, so if you know the pixel sizes you’re targeting you can enter them there… no need to spend another $50
@Heroic_Nonsense Maybe that is what makes Foundry 2’s way of doing it a little confusing to me. Columns do not give me pixel numbers at all just the width setting on a scale from one to twelve. Foundry is basically giving me a way of working which is more like a percentage, sort of, when it seems like I really need to see the pixel number.
@dan Wow nice! Then if I want it to apply to only a particular pixel count to just one particular flex item it looks like I turn off the theme settings? It seems like in many situations I would just go along with all the settings from the theme studio most likely and might not need to do that. I might try reconstructing the page in elements if I get a chance to test it out. Looks like it is very helpful way of working.
Foundry 2 doesn’t allow you to set the width of columns per se, but it does allow you to set the ratio of the column widths.
For example, if you specify two columns in Foundry 2, and give them both width of “4” , they’ll each take up half of area allotted to them. The same if you give them a “width” of “6” or “3”.
The real power in that solution comes into play when you have (say) three columns, and give two of them a value of 5 and the third a value of 2 - these ratios will stay the same no matter how small the viewing area gets on the visitor’s screen, unless you specify otherwise.
