-
Posts
-
Gday Kriesi support
I have a stretched layout design, and the header, main, footer and socket inner container divs holds the content into a common width.
When I add the grid flex cells, it is full-screen width, and I was hoping it would only be as wide as these containers.
I searched the html and saw that there is no html container within the av-layout-grid-x
Does anyone know a fix to have the overall grid width to be the same as the header and main containments?
Here is a video to show what I am referring to: http://screencast.com/t/BkrxbXQVkMn
cheers
Darryl
One more note: my design is responsive, so setting the .av-layout-grid-container to a width with margins 0 auto kind of works, but will be cumbersome to manage all device sizes.
Hi!
Thank you for using Enfold.
Unfortunately, you can’t constrain the grid row element on the main container. It will always be full width unless you use the boxed layout. What you can do is to add a custom css class on the grid row element: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Specify the width of the grid on different screen sizes using media queries.
Cheers!
IsmaelThanks for your help Ismael, I love that custom css functionality.
Is it possible that it only works on some elements and not all? I tried it and have it working on certain elements, but I can’t get it to work on a masonry gallery element. The field is there of course, and I have filled it with standard characters, but not coming through in the source.
cheers
Darryl
Gday Josue. I had deleted that page, and upon reading your suggestion I remade the gallery, but this time it has worked. I must have made a mistake somewhere prior, my apologies. Thanks for your generosity with your help, much appreciated.
cheers
Darryl
- The topic ‘Grid flex cells containment’ is closed to new replies.