SOLVED Change the module position responsive (max-width 480px)
-
-
- Felix
- Sr. Rocketeer
- Posts: 102
- Thanks: 0
-
Hello,
any idea how to change the order of a position for a smaller screen size via css?
I have left a sidebar with a menu and right the content. . This position I would like to exchange, which is displayed on a smartphone first the content and then the sidebar with the menu. Is that possible?
Thank you Felix - Last Edit: 7 years 10 months ago by Felix .
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22283
- Thanks: 3227
- messin' with stuff
-
No... not really... you may be able to do some fancy stuff with media queries and floats... otherwise you can duplicate your current 2 particles, in a new
Grid
in the same
Section
and set your new, inversed, particles in that grid each to "visible-phone" and your current particles in the other grid to "hidden-phone"
docs.gantry.org/gantry5/tutorials/utility-classes
//it'll be loading the content twice on the page, just with one set hidden based on screen size
more on G5 breakpoints here:
docs.gantry.org/gantry5/tutorials/media-queries - Last Edit: 7 years 10 months ago by Matt.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 22283
- Thanks: 3227
- messin' with stuff
-
If a thread is solved please edit your *original/first* post and place "[SOLVED]" (no quotes; but you do need the brackets) at the beginning of your post title. Changing the post icon to the Solved Checkmark is helpful too.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
Time to create page: 0.052 seconds