template problem with responsiveness

hi
As you can see below link, when we resize the browser the "gkBannerRight" (the red login box with banners) disappears from 768 pixel.
http://parsgame.ir/new/
is there any suggestion why does it happen?
regards

Designing this template we had "mobile first" philosophy in mind - so for users with small screens we don't present sidebars.

thanks for your quick reply.
as you can see in our design login section is attached to gkbanner_right position and we need to have this section avaialable on every screen size
how can we cope with this and keep template upgradable.
we have all custom css in seperate file.

I would advice to create 2 login modules - one in sidebar for desktoop and one in other position (one in main column) for mobie - then you can use our module suffixes:
http://www.gavick.com/documentation/unc ... et-layout/
and specify which shows when.

i have tried this suffixes but i have a problem with them i think,
when i add onlytablet suffix i see class for this suffix added but when i have scale down to tablet size "display: none" still active and it's not working!

if you want to see yourself u can go to this url: www.parsgame.ir/new
i have assign k2 login box to position inset, at the end of inset position
the only thing is shown is module title "K2-LOGIN-MOBILE-HOME"
scale to smaller than 1100px

Please open file:
/templates/gk_game/css/template.css
and modify this part:

Code: Select all

/* tablet/mobile suffixes */
.onlydesktop { display: block; }
.onlytablet { display: none; }
.onlymobile { display: none; }


changing it to:

Code: Select all

/* tablet/mobile suffixes */
.onlydesktop { display: block; }
.box.onlytablet { display: none; }
.onlymobile { display: none; }