End of Support for Joomla 3 - Forum closed

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 8 years 4 months 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: 8848
Thank you received: 1738

Replied by joomlaplates on topic Responsive Layout and Sidebars Problem

Posted 8 years 4 months 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:8 years 4 months ago by joomlaplates

Attachments:

Last edit: 8 years 4 months 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 8 years 4 months 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:8 years 4 months ago by tvm

Last edit: 8 years 4 months ago by tvm.

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

joomlaplates
Offline
Moderator
Posts: 8848
Thank you received: 1738

Replied by joomlaplates on topic Responsive Layout and Sidebars Problem

Posted 8 years 4 months 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