Possibility to have 3 columns on tablet style?

Try to have the mainbody not 100% width on tablet. Looks like a big belly on wideangle.
Like to have one/two sidebar columns on tablet.

Where to change it... in media query and than as css style? Like try to operate with screen width?

Worked with the css and it works but only to have 50% mainbody and 50% of one column of the sidebar.
Means that one box is blowing up with this 50%. Looks like a big belly on wideangle too.
Can´t get this 50% sidebar in two 25% column boxes.

Anyone an idea?

Hi,

It is impossible in this template - the calculations are written to have two columns of the sidebar under the 100% mainbody on the tablets.

Hi dziudek,

in most of the responsive design sites I find these days it is possible, mean only for tablet device, for mobile everything is perfect.
Should I work with... the css (media query) or in php to find a way?
just a hint how to go to...
before i really read and learn everything it takes time... i really don´t have right now.
Only way is to try - so with a little help

I need it only for the tablet/ipad view - everything a little smaller, like before without responsive, the site fits on ipad perfect - it was the music template.

hope you can give me a kick on the (b)right side of life.

Cheers Gesa

But in this case it isn't possible in an easy way, because the mooMasonry scripts are prepared especially for this 2 columns layout on the tablet devices. Of course you can try to modify these scripts by yourself, but we won't support this type of modifications becuase it is beyond our support.

Sure i don´t want extra work from you!
Just a tip where to search for my solution.

On most&best responsive design sites like on smashing magazine, there is no two column "view" on tablet.
Smaller or "three columns".
To clear this - the mainbody is two columns width, mean if the script only give two columns, the mainbody take all the width - ON TABLET and on MOBILE?

If I want another column beside the mainbody - only in the tablet style - there is no way?!
Maybe possible to enable the inset column?
or just changing in media query the devices to show the whole side on tablet?

I found on github an issue/bug from you - iPad 3 loads mobile.css instead of tablet.css for music free template - could that the same problem on fashion?

My other problem is to expand the main menu on tablet view too.
On Bike news template it works - means the script is different? Or it is possible for Fashion too?

Everything is fine with Fashion - only the tablet/ipad look/like is.... a big belly

Gesa

Sorry my fault I mean GAME NEWS Template!

Hi

Maybe it's not the problem of a 3rd column. If it's a matter of displaying it nice. Can You please show me Your site and tell what looks bad ?

Morning teitbite,

I send you the URL to your privat E-Mail.

You can see on iPad the old version (music template) in the article view, I have two columns
for the article it is enough space, if it would be bigger it spread the text etc. too much…
In this way it looks nice even with the second column for the right modules.

Now, I want for the new responsive design (fashion) on tablet, that it look the same.
In original version of the template (fashion) the article view is spread the whole width of the viewport – that is what I don´t want.
I changed it into two columns, BUT the article width is now 50% and the right column (sidebar) spread the rest – 50%.
This don´t look good for the sidebar modules… they spread out too much.
I can make a workaround I think, but it would be nice to have it maybe in 3 column – means one for the article (Mainbody) and two sidebar modules.
OR the mainbody would be like in the older version a little bit bigger means in scale or ¾ of the width and the rest for the sidebar..

To scale something smaller looks more better than blow something up ONLY in the width. This I mean with looking like a big belly

If I scale the module width to half (suffix) – it appears in ONE row as half of the width but don´t lay with a second half module in one column.

Cheers Gesa

Hi

Unfortunately looks like Dziudek was right. This part is being controlled by masonry script. Which means that without recoding this displaying it into 3 columns will not be possible. Unfortunately I'm lacking stills to make this exact transformation of this script. Sorry, but this one looks like it has to stay this way. Maby adding a column outside this 2 existing will be some kind of an idea ? Doable for me, but unfortunately not a fast solution.

Thanxs a lot for trying it... I agree, it is much more work.
But I would be happy just in case to have the mainbody (left column) little bigger.
As I understood the width is corresponding with multiply the grids width.
For examle grid width is 250 and mainbody width is choosed for 3 - follows the mainbody is 750 width, rest will fill like I decided how many column should appear and what kind of devices it loading the page it will finally displayed. To make the mainbody width on tablet like this choice going, 3grids big (one column) and the second (one column) 250 - it should displayed on iPad2 with 1024 - So far so good as a blonde calculated it
But on the resolution of 1024 it is not displaying in this szenario! Somewhere there is a little code monster that say - spread it the whole width in two columns! Thats how it looks like open iPad2 and iPad3. Even losing the mainmenu at iPad3! Another post/problem.
For the resolution of 2048 iPad3 - it should show like the desktop version, but it don´t do.
I try to understand how this works.
Ergo – the tablet is smaller – more resolution takes places in smaller width (real), but we all don´t wanna have little tiny things on the screen… there must be a mathematic thing calculate for displaying it in a good way and width for your eyes.
But to calculate the mainbody down and the column up (to make it bigger) sounds and look like a little math monster is doing it wrong, cause losing the harmonic style to do it equal in proportional behavior.
Yes, a woman always want to have good looking in harmonic style.
Where is my fault to understand!?
On tablet we have for the resolution different measures, specially on retina displays... etc.
Means - my opion is, to handle this with the media queries?! I am right??
I am not familar with it NOW... so I ask the professionals here from the gavick team.
The retina will get us nuts in the future even with the resolutions of images etc. - that for it will NOT be only a single problem of myself... after starting with responsive it will continue with more and more development on the web(standards). I looking forward to much much work and learning - puhhhh

Anyhow - to work with the responsive design doesn´t mean only to create one WORK that fits with all devices, means a little less work to do, but to make it really going it still looks for more work of understanding how it works, in the mean time the developments going fast forward.

Hopefully we fetch the right code for the right time!

But now I am on my knees – cause my magazine have to redesigned in the next two weeks.
I put all I can and have into it. With still earn NO money… just over one year work everyday… I decided for this change to the responsive template and I am really be quite tightly at the edge…
I do all by myself… the layout is still not done but about 300 articles pasted and waiting for a final polish. Meantime the normal daily madness going on. In the evening and later I try to google myself through responsive… responsive… responsive… but I be honest - too tired for any understanding these days, I fell asleep.
I really like to solve problems by myself… but NOW I need help.
And again I don´t wanna extra work from the team! Only the template going like it should.
And to ask for a harmonic look like – spreading the column width – must be the interest of lot more than myself.
And to have the main menu (expand – like on desktop) on tablet is what is displayed on the gavick documentation. That for I choosed the template with responsive design – with more time I would going back to start.

cheers from a blonde

Hi

The issue with wrong recognision for retina is being solved as we speak by programmers.

About mainbody width please try maby with overwritting css with this code and show me how it works:

Code: Select all

#gkPage > #gkContent {
    width: 695px;
}


Hi

The issue with wrong recognision for retina is being solved as we speak by programmers.

About mainbody width please try maby with overwritting css with this code and show me how it works:

Code: Select all

#gkPage > #gkContent {
    width: 695px;
}


Hallo,

I tried with this overwritting, everything get mixed up on desktop version and on iPad2 and iPad3 nothing happend.

Sorry, it is up to you/programmers again.

Hi

Please try if the latest update had fixed this issue.