Responsive Layout and Sidebars Problem

tvm
Offline Topic Author
Fresh Boarder
Posts: 2
Thank you received: 0

Responsive Layout and Sidebars Problem was created by tvm

Posted 9 years 1 month ago #16688

Is there any way to hide the menu but not the sidebars on tablets? It looks like that changing the values for sidebar-a or sidebar-b in the back-end (Templates: Edit Style | Layouts | Grid) does not affect the front-end at all.

by tvm

Please Log in or Create an account to join the conversation.

joomlaplates
Offline
Moderator
Posts: 8873
Thank you received: 1743

Replied by joomlaplates on topic Responsive Layout and Sidebars Problem

Posted 9 years 1 month ago #16692

You can play around with the grid at customizer > Advanced > Breakpoints
And the "medium" size should be the Table view!

Attachment breakpoints-2-3-4-5-6-7.jpg not found

Dokumentation:
www.joomlaplates.de/dokumentation.html

Last Edit:9 years 1 month ago by joomlaplates

Attachments:

Last edit: 9 years 1 month ago by joomlaplates.

The following user(s) said Thank You: tvm

Please Log in or Create an account to join the conversation.

tvm
Offline Topic Author
Fresh Boarder
Posts: 2
Thank you received: 0

Replied by tvm on topic Responsive Layout and Sidebars Problem

Posted 9 years 1 month ago #16698

Thanks a lot for the answer. I am not sure, but I think there is a bug in the CSS. When the html or body width is set to 1024 pixel (iPad landspace) the menu is above the content. In my opinion, the menu should be still on the left side. Also in the back-end (Extensions | Templates | Templates) the link to your website is wrong: www.JoomlaPlates

Last Edit:9 years 1 month ago by tvm

Last edit: 9 years 1 month ago by tvm.

Please Log in or Create an account to join the conversation.

joomlaplates
Offline
Moderator
Posts: 8873
Thank you received: 1743

Replied by joomlaplates on topic Responsive Layout and Sidebars Problem

Posted 9 years 1 month ago #16699

Hi there,
here are the part of the media queries when max-width is > medium
>> your template/less/theme.less > line 84

Attachment media-2-3.jpg not found

Copy and paste the code above to your css/custom.css and play with the width.
In this point I mean the max-widh, like this:

Code:

@media all and (max-width: 1024px) {
	#jp-left { position: relative!important; width: 100%!important; height:auto }
	#jp-left .inner { position: relative; margin: 0 0 20px 0; width: 100%; padding: 0; text-align: left; height: auto; float:none!important }
	#jp-right { position: relative; width: 100%; margin: 0px auto!important; height: auto; padding-left:0!important }
}

Dokumentation:
www.joomlaplates.de/dokumentation.html

by joomlaplates

Attachments:

The following user(s) said Thank You: tvm

Please Log in or Create an account to join the conversation.