Flashlight Z-Index for Post v Main Menu « Support Forum | Kriesi.at

Flashlight Z-Index for Post v Main Menu

6 posts from 3 voices

Tags:

isaakdury
Member

Hi,

I realise the theme isn't built for mobile, but I'm still determined to make it work a little better :P

I would like the post to sit in front of the menu when I zoom in. For example to get the full width of the post.

Currently when I zoom in to get the full width of the post the menu sits in front of it... I've started playing around with the z-index, but not having much luck, or not wanting to mess around with it too much. Can you please give me some guidance?

Site is: http://www.tidyclub.com

Thanks again!

Posted 1 year ago #
Chris Beard

Hi,

I'm not sure how you'd do this - I'd set a class to .sidebar with a lower z-index than .box. I can't help you any further since I can't test for mobile zooming etc.

Posted 1 year ago #
isaakdury
Member

Can anyone post some examples code re the above... I'm a hack with CSS :)

Posted 1 year ago #
Dude
Dude
Basically you can change the z-index with:
```
.sidebar.sidebar_absolute {
z-index: 1;
}
```
and:
```
.content .box {
z-index: 2;
}
```
but to be honest I doubt this will work.
Posted 1 year ago #
isaakdury
Member

It worked! Not perfect, but it works better than it was :)

Thanks Dude! Thanks Chris!

Posted 1 year ago #
Dude
Dude

Glad that we could help you :)

Posted 1 year ago #