Ambiera Forum

Discussions, Help and Support.

Create a new account, Search, or Login:
Name: Password:
Ambiera Forum > RocketCake
Image Gallery - overlay image conflicts with fixed menu bar
Author Text

micaelo
Registered User
Quote
2022-09-19 14:58:48

Depending on screen height and image dimensions it can happen that an image opened in overlay mode conflicts with a fixed menu bar, i.e. the upper section of the image will be hidden behind the menu bar. See screenshot below:
🔎︎

I have set the menu bar to semi transparent to provide an uncropped view, but actually would prefer if the image "overruled" the menu bar.

Is there a way to accomplish this, alternatively, to switch-off the menu bar if an image is opened?


bupp
Registered User
Quote
2022-09-19 17:15:19

you can give this gallery a margin top; per example 10 if your menu have 10 heigh


micaelo
Registered User
Quote
2022-09-19 17:28:41

Thanks, bupp, but I guess this will only affect the gallery itself, i.e. the thumbs view. And I had to live with empty space between the gallery and other content.


niko
Moderator
Quote
2022-09-20 06:59:30

You could likely adjust the zindex of your menu to be below 50 which is the zindex for the gallery overlay (and 51 for the image). That might help.


micaelo
Registered User
Quote
2022-09-20 08:58:02

Thanks niko,

I did not touch the menu's zindex as I like how it works, but I did change the zindex for the overlay image from 51 to 100 (by editing the wsp_gallery script). This gives me exactly what I want. The image overrules the menu
See the result:
🔎︎



niko
Moderator
Quote
2022-09-20 09:08:08

nice!


micaelo
Registered User
Quote
2022-09-20 11:29:22

In order to not forget the trick, and in case someone else wants to use ist, I have made a one-pager PDF and made it available for download:
https://4hundert.de/public/Rocke...


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "I?ternational" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© 2020 Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact