[Resolved] Overlap containers

[Christopher]

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?

Thanks!

[Ying]

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?

[Christopher]

Thanks, i put the details in the private field.

The grey part is not a separate container sadly.

[Ying]

It directed me back to the maintenance mode page after log in.

Can you make sure the account has admin access?

[Christopher]

My bad, should be fixed now 🙂

[David]

Hi there,

where will that content be positioned on smaller devices ?

[Christopher]

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.

Cheers,
Chris

[Ying]

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.

[Christopher]

thanks, got it to work. Somehow when I tried first it didnt really work out but now it looks good 🙂 Cheers!

[Author]

Posts