Page 1 of 1

Nested Layout Grid Alignment

Posted: Mon Nov 28, 2022 8:55 pm
by plat77
Can you nest a layout grid within a layout grid so that the nested grid is aligned to the top of a column and not the middle? Draging a layout grid into a layout gird automatically seems to center it middle. I'd like to override this to the top. Thanks in advance!

Re: Nested Layout Grid Alignment

Posted: Mon Nov 28, 2022 9:43 pm
by crispy68
What content are you placing within the grid that's going to be aligned at the top? You will need to set the grid to use flexbox. It's the content that get's aligned not the grid. A grid is just the container and its width and height are 100%.

Re: Nested Layout Grid Alignment

Posted: Mon Nov 28, 2022 10:01 pm
by plat77
Trying to create something similar to what's in the URL. Thinking its a navbar/menu in a layout grid that has a transparent background within another layout grid containing the background image. Maybe not possible and an easier, better way?

https://law-firm.bold-themes.com/main-d ... /home-v-3/

Re: Nested Layout Grid Alignment

Posted: Mon Nov 28, 2022 11:11 pm
by plat77
Think I will go with what is similar in the WB template URL below.

https://www.wysiwygwebbuilder.com/suppo ... coast.html

Re: Nested Layout Grid Alignment

Posted: Tue Nov 29, 2022 12:05 am
by crispy68
@plat77

For the "menu bar" with the logo and menu, you could use a layout grid or flex container. It's separate from the Carousel beneath it. I've done this many times in my websites. There menu doesn't stick to the top initially but you could make it a fixed header which would put it over the carousel below with a transparent background.

Re: Nested Layout Grid Alignment

Posted: Tue Nov 29, 2022 2:32 am
by plat77
Ok, will give that a try. Thank you!