Sidebar modules in tablet layout

how can I align the modules in sidebar position in tablet layout?



thanks for your help

Hi,
please read this https://www.gavick.com/documentation/jo ... ve-layout/

ok, thanks

Sorry but i can't solve this issue, can you please help me?
I read the tutorial at your link but I can't understand why I don't see the same layouts properties in my backend. My Layout section is different from the ones in the tutorial.

here my layout section:



Any idea?

Try read this too https://www.gavick.com/documentation/jo ... -layout-2/

I read this too but it seems there's nothing inside to solve my problem.
I tried to modify tablet width but it's not the right solution.
Tablet width is the only parameter I can modify...

Can you please explain to me what I have to do?
Thanks

Please could someone help me to solve this problem? Thank you

I too am having issues with the website looking good on an iPad.

It seems these responsive templates are no good for the exact intention they are designed for, this template is actually not usable because of this and I find myself looking around for a different template that will look correct on all devices.

I need to be able to produce a website that looks the same on all devices, I am happy for clients to have to zoom in on pages when viewing on an iPad as long as the website retains it default structure, without breaking things apart and repositioning them.

As it stands the side bars I have to the right of the main component article on pages are now moved to below the article, the bottom items I have in a section of 3 have a section of 2 and a section of 1 and to be honest the website looks a complete mess!

Is there not an option to switch of this responsive design and just keep things simple like you used to with the Game Magazine template whereby the website looks the exact same on every device it is viewed on?

I think if this is the way all of your templates are going then I will not be renewing my membership as your templates are now unusable, which is a real shame.

it's more than 1 month that I have this problem and the only support I had is 'Please read this...' but the two links you suggested me didn't contain the answer I was looking for.

Do you consider this a good support?

I ask again... PLEASE is there anybody that could help me to solve this layout problem?

Hi

I just read Your PM asking for help. Lets try this code placed at the end of tablet.css . I'm not sure of this solution but it's worth trying.

Code: Select all

#gkSidebar > div > .box:nth-child(even) {
width: 49% !important;
float: right !important;
padding: 0 !important;
}

#gkSidebar > div > .box:nth-child(odd) {
width: 49% !important;
float: left !important;
padding: 0 !important;
}


Hi teitbite, thanks for your reply.

Trying this ipad simulator online: http://ipadpeek.com/

Now I see this:





the site's URL is: test.borgodegliartisti.org

I really don't understand what I have to do or modify to solve this problem

Hi

First of all. You doesn;t need an emulator. You cna simply resize browser's window to a tablet size.

Secondly. I need You to add the code I gave You at the end of tablet.css file than enable using of this file in template settings. Make sure all compression and cache is disabled.

I added the code you gave me at the end of tablet.css

Can you tell me how or where i can enable tablet.css file in template settings? I had a look but I didn't found any setting for enable this file. Isn't it enable by default?

Hi

This file is used as default while watched via tablet. Please remind me an address to Your site, I've lost all PM's, I'll see if code is set properly.

the url is: test.borgodegliartisti.org

I can send you admin access if you need it

let me know and thanks for your support

Hi

Ok. I see the part of the code responsible for this. Please add this to override this value to the end of tablet.css file:

Code: Select all

#gkSidebar > div > .box:nth-child(2n+1) {
    clear: none !important;
}


Now it works!
teitbite... THANK YOU SO MUCH

Hi

No problem. Just let me know if You will have any other issues.