SOLVED Responsive widths based on media queries
-
-
- Jon Buckner
- Jr. Rocketeer
- Posts: 48
- Thanks: 2
-
Hi all
Sorry if this has been answered or is obvious....
I have just started using Gantry and purchased two templates (Clarity and Denali).
It seems there is no breakpoint css in Gantry i.e at this width be 40%, and at that width be 50%.
I have searched the docs and it seems to suggest that responsive behaviour is not a feature of Gantry except visbility- http://docs.gantry.org/gantry5/tutorials/media-queries
- http://docs.gantry.org/gantry5/tutorials/utility-classes
Thanks for any help
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Huh? you set the width on the layout of your outline (expressed as percentage) and that obviously varies in absolute px amount dependent upon viewport width. If you want do do your own responsive grids with your content then
http://docs.gantry.org/gantry5/advanced/responsive-content
.
The media queries are used in conjunction with your own CSS statements:
Media queries work like this:
if the viewport size is xxxxx then
use this css
endif
You should not really be setting widths within the mediaqueries - gantry takes care of this for you.
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.
-
-
-
- Jon Buckner
- Jr. Rocketeer
- Posts: 48
- Thanks: 2
-
Hi
Mudt have not mafe self clear.
I am familiar with bootstrap ie col-md-12, col-lg-2
Trying to find equivalent in gantry
Responsive as a search term doesnt come up with info I am looking for
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
I gave you the link to the gantry equivalents already. Unless you're choosing to write your own html though there us no need, just set the layout as you desire on the layout tabbof your outline in gantry 5 admin.
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.
-
-
-
- Jon Buckner
- Jr. Rocketeer
- Posts: 48
- Thanks: 2
- ok, looks like a new way of working for me. will try and get my head round it
-
Time to create page: 0.054 seconds