Tagged: Fullwidth Easy Slider, layout
I’m trying to achieve a 2/3 banner and 1/3 content look on my homepage. Please see attached for screenshot. Is there any way to keep the same look and feel (responsive) regardless of resolution or when the window is resized? Essentially I would like the banner to resize accordingly in relation to the content below. I understand there are limitations when smaller than a certain resolution before it goes into mobile mode. We used to have the full screen slider and it was responsive. I’m kind of looking for something similar but now with a fullwidth easy slider and content. Any help is greatly appreciated!
Hey schenkco!
I don’t think it will look very good if you keep the three columns even on mobile. The paragraph widths will be very small and annoying to read so it would be best to use the regular columns to create that layout.
If you need it to stay on three columns even on mobile though then use the “Grid Row” element with 3 cells and add your content in that way. It should keep it’s layout on smaller screens instead of stacking on top of each other like the regular columns.
Cheers!
Elliott
Hi Elliott,
My manager likes the 3 columns so I will try the Grid Row with 3 cells as suggested. However, I don’t think my original question is very clear. I guess I’m trying to get the banner and content (3 columns) to act as 1 page even when resized. Is there that possibility with this theme?
Hi!
You mean you do not want the columns to stack on top of each other correct? The grid row element will keep the layout even on smaller screens and not stack on top of each other.
Best regards,
Elliott