-
Posts
-
Hi,
I’m building a page that contains a sidebar that should appear next to a specified container. The page has different columns in different containers and I know that Color containers don’t display sidebars, so that’s how I control the position of the sidebar.
The problem is that I have a Color container at the bottom of the page and this seems to displace the sidebar and send it to the very end of the page at the bottom.
I tried to replace the Color container with Grid row, which solves the sidebar issue but then it stretches the width to 100% – I’m using 70% for Maximum Container width overall.
Any ideas on how to solve this issue? Thanks
Hi,
Both the Color Section and Grid Row elements are full width elements, please try to use a 1/1 element instead.
Best regards,
RikardHi Rikard,
Thank you for your reply.
Is Color Section really a full-width element? If you look at the link provided, you’ll see that the very last section (2 column SEO text) starting with the text “Als spezialisierte…” is built with Color section and is not a full-width element – it conforms to the 70% width specification, which is fine here.I’m using a 2 column layout for this section so using 1/1 element doesn’t help me here.
Can you suggest another alternative?
One solution would be to use Grid Row and have it conform to the 70% max width, in which case, if you could show me the best way to do this with CSS, that would be great. Thanks.
@Guenni007: I don’t mean a Grid Row displays a sidebar besides it – it doesn’t – my point is that it’s always full-width.On the subject of multi-layered layout, how can I nest elements within elements?
For instance, we can insert columns and other elements inside Grid Row and I’ve been using Color Section to built multi-column sections. Apart from these, are there any other ways to insert multi-column text inside a container/section? I know that Masonry creates a grid of images/posts but my question is for text. Thanks.well look here – the grid row is nice to have for nested elements.
but it also bothered me that the element always has full widthhttps://kriesi.at/support/topic/grid-row-not-fullsize-how-to/
Hi,
The element you pointed out is full width, the content is within the container width, but the element itself is full width.
If you want to nest element then you can enable debug mode in order to see builder shortcodes, you can then nest the shortcodes as you please: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Best regards,
Rikard@Guenni007: thank you very much for your working example, it’s a very useful and concrete solution to the issue!
I’ll consider using it but before that, I want to see if there’s a simpler solution which doesn’t entail modifying the theme.Hi,
I’ve already explained this; both the Color Section and Grid Row elements are full width. If you want the sidebar next to your content then please us a 1/1 element instead.
If you want to nest elements, which is not supported by the layout builder by default, then you can copy the shortcode and place it within other shortcode:
[shortcode_1] [shortcode_2] [/shortcode_2] [/shortcode_1]Best regards,
Rikard
- You must be logged in to reply to this topic.