SOLVED Layout-manager: resizing a row in tablet-view
-
-
- Björn Hallier
- Sr. Rocketeer
- Posts: 108
- Thanks: 15
-
Hi Rockettheme-team,
I have one problem with resizing a row in tablet view and don't know how to do it or if it's possible at all.
I have a module position of "sidebar-right" in "aside" which has a width of 20%.
This image is hidden for guests.
Please log in or register to see it.
This is perfectly fine for showing a menu there in desktop view.
This image is hidden for guests.
Please log in or register to see it.
However: in tablet view all gets squeezed by the 20% of the "sidebar-right", so I want to show the menu in a flyout module and the "aside /sidebar-right" should be reduced to maybe 5%.
This image is hidden for guests.
Please log in or register to see it.
How can this be achieved in Gantry5?
I found on Github an older discussion about Gantry5 not being able to detect the view size on loading and change to a different loayout (which is really sad).
Is there a possibility to switch aside from 20% to 5% in tablet view?
Another question: can a section or a module position (not the module itself) in the layout manager get the Gantry5 classes like "hidden-tablet"? I've tried that but it didn't work out.
Thanks in advance,
Björn
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
You won't be able to achieve that.
The "hidden-xxxx" classes only hide the content - not the section in which they reside so once anything is publish to that section it will always occupy space.
You can't have different widths for sections in different viewports, the only exception to this rule is that as soon as you hit mobile viewport all the sections drop into a single column 100% width.
Regards, Mark. -
The following users have thanked you: Björn Hallier
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Björn Hallier
- Sr. Rocketeer
- Posts: 108
- Thanks: 15
-
That was my apprehension that it can't be achieved with Gantry5.
Thanks for your fast answer.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
You can't do it with the layout directly but you might be able to do something with CSS - Look on JED there are plenty of tab panels available that you can use with Gantry 5.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Björn Hallier
- Sr. Rocketeer
- Posts: 108
- Thanks: 15
-
I've tried one sidepanel in which the menu module is shown.
However in order to get the side panel to show up it has to be published in a module position (here it would sidebar-right).
And as soon I plublish it the sidebar takes again 20% width (that was the reason if it's possible to get it down to 5% in tablet view).
Or is there a another possibility to publish the module in a "nonexisting" module position and get this module via CSS fixed on the right side of the page (and it still has to fly out onclick)?
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
I don't know which one you chose, but usually those sidepanels are positioned through CSS, so which position you actually publish them to is irrelevant. So create a module position (calll it whatever you like further down the page (not in the sidebar section) and then publish your third-party module to that.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.057 seconds