SidebarRight landscape tablet

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sat Jul 18, 2015 4:03 pm
Reply with quote
Report this post
Hello, I am working in a project with news2 template and all is ok in computer but I have a "problem" in tablet landscape mode.

If I check your demo template in the tablet I see the sidebarleft and the "mainbody" and then the sidebarright down the mainbody.
In my template I'd like to change it and show "mainbody" and sidebarright, because I have no modules in left. How could I do that?? It's first time I have to make changes in tablet or mobile version so I am confused.

Thanks
User avatar
Senior Boarder

teitbite
Sat Jul 18, 2015 7:51 pm
Reply with quote
Report this post
Hi

Please tell me the url to Your site. I'll check if it's possible.
User avatar
Moderator

GK User
Sat Jul 18, 2015 9:05 pm
Reply with quote
Report this post
User avatar
Senior Boarder

teitbite
Sun Jul 19, 2015 8:41 am
Reply with quote
Report this post
Hi

Please try edit file: http://s484486767.onlinehome.mx/templat ... tablet.css

and in line 58 change width from 50% to 100%. So class should looks like:

Code: Select all
#gkSidebarRight .box {
    border-top: medium none;
    float: left;
    padding: 12px;
    width: 100%;
}
User avatar
Moderator

GK User
Sun Jul 19, 2015 6:51 pm
Reply with quote
Report this post
Hi teitbite,
I have made that change but it is stil not working. I only see the mainbody column and the sidebarright down.
User avatar
Senior Boarder

teitbite
Sun Jul 19, 2015 7:32 pm
Reply with quote
Report this post
Hi

Please tell me the name and model of the device You are using. I need to know what width it has so I'll learn which layout to adjust.
User avatar
Moderator

GK User
Sun Jul 19, 2015 10:07 pm
Reply with quote
Report this post
Ipad2 A1395
User avatar
Senior Boarder

teitbite
Mon Jul 20, 2015 2:39 pm
Reply with quote
Report this post
Hi

Remove this class from tablet.css file:

Code: Select all
#gkPageContent > div,
#gkSidebarRight {
    width: 100%;
}
User avatar
Moderator

GK User
Mon Jul 20, 2015 3:58 pm
Reply with quote
Report this post
Perfect¡¡¡ Great job¡¡¡

Thanks
User avatar
Senior Boarder

teitbite
Mon Jul 20, 2015 9:27 pm
Reply with quote
Report this post
Hi

Really ? :) It was just a guess. Happy it helped.
User avatar
Moderator


cron