Archived topic
Overlap containers
8 replies · Started by Christopher on May 16, 2022
Hey there,
I would like to overlap this opening time container into the container below to fit into this spot as shown on the picture. I thought by using different Z-indices I could achive it, but the top container would still move down the bottom one. Whats the best way to get this done properly?
https://www.screencast.com/t/7Zeavx0CV
Thanks!
Hi Christopher,
Can you provide access to your site? It's still under maintenance mode.
Thanks!
Looking at the screenshot, why not put the opening hours container into the grey backgrounded container?
Thanks, i put the details in the private field.
The grey part is not a separate container sadly.
It directed me back to the maintenance mode page after log in.
Can you make sure the account has admin access?
My bad, should be fixed now :)
Hi there,
where will that content be positioned on smaller devices ?
Hey David,
just above the drinks menu text would be good I guess.
Probably its also better to have the background colour going all the way to the left on mobile? I think the colour split looks good on Desktop but not on Mobile.
https://www.screencast.com/t/ysBXiT17P
Cheers,
Chris
Just want to make sure you want something like this?
https://www.screencast.com/t/KeGMdMFjXrB2
If so, you just need to add negative top margin for the container which contains drinks menu.
But I think it's better to use Grid block, a container for opening hours and the other for Drinks menu.
thanks, got it to work. Somehow when I tried first it didnt really work out but now it looks good :) Cheers!
