beginners questions serie: background page and lightbox should be fixed position
2 years 2 weeks ago #66735
by raphi
beginners questions serie: background page and lightbox should be fixed position was created by raphi
Hello Cedric,
I am considering Mediabox-CK for my new website and I am testing with the non-Pro version.
Is it possible to fix the position of lightbox and also the position of the webpage under the overlay of the lightbox? Of course the lightbox will open with its box centered. But if the user does scroll, then the lightbox complete with the underlying content of the webpage does move.
How can I achieve this?
I am considering Mediabox-CK for my new website and I am testing with the non-Pro version.
Is it possible to fix the position of lightbox and also the position of the webpage under the overlay of the lightbox? Of course the lightbox will open with its box centered. But if the user does scroll, then the lightbox complete with the underlying content of the webpage does move.
How can I achieve this?
Please Log in or Create an account to join the conversation.
2 years 2 weeks ago #66743
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic beginners questions serie: background page and lightbox should be fixed position
Hi
if you want the popup to be fixed, you can add this custom css code to your page (in your template for example)
CEd
if you want the popup to be fixed, you can add this custom css code to your page (in your template for example)
Code:
#mbCenter {
position: fixed;
top: 30px !important;
margin-top: 0 !important;
}
Joomlack Webmaster and Developer
The following user(s) said Thank You: raphi
Please Log in or Create an account to join the conversation.
2 years 2 weeks ago - 2 years 2 weeks ago #66746
by raphi
Replied by raphi on topic beginners questions serie: background page and lightbox should be fixed position
I have tried as you proposed. But I have to change the top value to 25% in order to get the lightbox with video and the HTML content near to vertical centered position. But with audio, this doesn't work and the controls graphics are far too high within the page on desktop and on mobile / smartphone, the controls are near the bottom.
How can I achieve a fixed and also always vertical centered position?
Further, I would like the content of the webpage to be fixed also during the time, the lightbox is shown. Is this possible? – I have YOOtheme running on my website and their modal function does work like this. (But they have a lot other unacceptable flaws concerning lightbox and modalbox. That's why I am very interested in your Mediabox-CK)
How can I achieve a fixed and also always vertical centered position?
Further, I would like the content of the webpage to be fixed also during the time, the lightbox is shown. Is this possible? – I have YOOtheme running on my website and their modal function does work like this. (But they have a lot other unacceptable flaws concerning lightbox and modalbox. That's why I am very interested in your Mediabox-CK)
Last edit: 2 years 2 weeks ago by raphi.
Please Log in or Create an account to join the conversation.
2 years 2 weeks ago #66751
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic beginners questions serie: background page and lightbox should be fixed position
give me the url of your page so that I can check
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
2 years 2 weeks ago #66752
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic beginners questions serie: background page and lightbox should be fixed position
you can try also this css code
Code:
#mbCenter {
position: fixed;
top: 0% !important;
margin-top: 50vh !important;
transform: translateY(-50%);
}
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
2 years 2 weeks ago #66753
by ced1870
I note your request on my list, I will check if I can add this option
Joomlack Webmaster and Developer
Replied by ced1870 on topic beginners questions serie: background page and lightbox should be fixed position
this needs some JS code to be done... I can not give you an easy solution for thatthe content of the webpage to be fixed also during the time, the lightbox is shown. Is this possible?
I note your request on my list, I will check if I can add this option
Joomlack Webmaster and Developer
The following user(s) said Thank You: raphi
Please Log in or Create an account to join the conversation.
Time to create page: 0.213 seconds