Match Main Block with Sidebar Length
-
-
- Bridget
- Rocketeer
- Posts: 98
- Thanks: 4
-
So I used the template with sidebar on right but wondering when my content doesn't fill the main block but it does on the sidebar how do I get it so they stay even? Here's a screenshot to demonstrate.
www.awesomescreenshot.com/image/1225706/...6f163a3a9fab0d33998a
Thanks! - Last Edit: 8 years 1 week ago by Bridget.
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 21644
- Thanks: 3104
- messin' with stuff
-
In responsive design "things" (images, text, media, etc) are set to "fill" their container... that way, as the containers adapt to different browser sizes and devices the content is able to adapt.
You simply don't have enough content to fill the space there... will you eventually have enough content? If it's only ever going to be 1 post/article there then I'd recommend a different approach...
You can statically set a minimum height on the container to fill the space but if possible I'd recommend that only be a temporary thing until you have enough content there
on your Block Settings tab for this particular Content Particle, give it custom class like "temp-force-height" or something, then in your custom css:
.temp-force-height .g-content { min-height: 715px; }
- 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: 21644
- Thanks: 3104
- messin' with stuff
-
you'd have to figure out the height of your sidebar at every breakpoint and write custom CSS to statically set the min-height of your content area to match it at every breakpoint.
docs.gantry.org/gantry5/tutorials/media-queries - 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.048 seconds