-
Posts
-
Hey guys!
I would like to use the Grid to split the top of my page in half. I tried but it ended up looking really bad on desktop. I’d like my image to be on one half of the page and the content to be on the other half. I’d also like the text to line up nicely with the logo as it is right now.
I had to give up and resort to columns which don’t look as good… I’d like the image to be full width on half of the screen.
How can I do that so it looks great on desktop, tablet and on mobile?
Hey!
1. So you want the image to go full width but only take up the right side of the screen and you want the text to line up with the logo correct? You would have to use a grid row for this but I’m not sure how we are going to get the text to line up with the logo. Go ahead and set the grid row up and let us know when your done so we can take a look.
2. When you edit the color section set the background repeat option to “Stretch to fit”.
Cheers!
ElliottHi!
Please place two 1/1 column elements inside your color section and place the text on first and image in second column element.
Cheers!
YigitHi!
It is not easily possible to replace the order of elements on mobile. However you can refer to my post here – https://kriesi.at/support/topic/how-to-hide-some-elements-in-mobile-version/#post-362263 and add your text twice on your page and choose to display/hide as needed
Regards,
Yigit
- You must be logged in to reply to this topic.