Adjust the lightbox popup

Budget: 2500 UAH Deadline: 1 day

Good day, I have been developing for over 5 years, similar adjustments in layout and Javascript are a usual task.

I will adjust the lightbox window so that the photo and arrows are centered without scrolling on all devices. After launch, I will provide free support for 2 weeks.

I estimate 1-2 days for a working version. I will provide the exact cost after a few clarifications or in private messages.

What types of devices are critically important for testing (mobile, tablets, desktop)?

Feel free to reach out!

Budget: 750 UAH Deadline: 1 day

Hello! I have reviewed your task and the current state of the site cn.test25.space. I am ready to connect right now and fully fix the display of the lightbox popup within 20 minutes.

I am a developer specializing in clean coding and cross-browser responsiveness (HTML5, CSS3, JavaScript). I know the cause of this problem very well: it is related to the incorrect positioning of the modal window container and the lack of scroll blocking for the main content of the page.

I will quickly and efficiently implement the fix:
1. Block scrolling: I will set the overflow: hidden property for the body when the modal window is active to completely remove unnecessary scrolls.
2. Centering elements: I will rewrite the styles of the lightbox container using modern Flexbox/Grid positioning with fixed sizes (100vw/100vh) and a fixed status. The photo along with the navigation arrows will be displayed strictly in the center on all types of devices (desktop, tablets, smartphones).
3. Code check: I will ensure that the changes do not affect other scripts and styles of the site.

In the end, the price will be lower than stated, as I am currently working for feedback and rating.

Budget: 700 UAH Deadline: 1 day

Ready to quickly fix the Lightbox display on your site cn.test25.space.

What I will do:

I will correct the CSS styles of the overlay and modal window: I will center the photo with arrows strictly in the middle.

I will completely remove the scroll bars on mobile and desktop devices (overflow: hidden + fixed positioning).

Budget: 800 UAH Deadline: 1 day

Good day. I followed the link, but the page currently returns a 403 Forbidden, so I couldn't view the lightbox directly for now. Based on the task description, I will check the current implementation of the lightbox and adjust the positioning so that the images along with the arrows remain centered in the viewport without horizontal or vertical scrolling. I will also separately check the blocking of page scrolling, the maximum image sizes, and the behavior on mobile screens. To start, I need access to the page or an archive with the code. Also, please let me know if the lightbox is written in custom code or if a ready-made library is used.

Budget: 700 UAH Deadline: 1 day

Good day! I have reviewed the task. I will fix the lightbox display so that it opens correctly without scrollbars, and the images with arrows will be centered on the screen on all devices. Please write to me in private messages, as I have a few questions regarding the implementation, the code used, and the lightbox itself. Thank you!

Budget: 2000 UAH Deadline: 1 day

Hello. I will make all the adjustments, plus I can add an AI assistant as a bonus to your website, similar to the demo that I will send you in a private message.

Budget: 1200 UAH Deadline: 2 days

Good day! I have reviewed the task. I will fix the lightbox display: I will remove the scrolling, center the image, and ensure proper functionality on all devices. I can complete the work today.

Budget: 1000 UAH Deadline: 2 days

aV T., I see a problem with the lightbox on the specified site: the content extends beyond the screen and causes scrolling instead of proper centering. I will fix the CSS positioning rules and add handling for image sizes relative to the viewport so that the photo always occupies the available screen area without the need for scrolling on any device. Please let me know if the current window appearance animation should be kept or if it can be optimized for faster rendering?

Budget: 5000 UAH Deadline: 2 days

Need to center the lightbox on the screen without scrolling on any device.

I will do it through CSS: the lightbox container will receive `position: fixed; inset: 0; display: flex; align-items: center; justify-content: center`, I will remove `overflow` on the body when opened by using `overflow: hidden` on html/body. I will position the arrows absolutely inside the wrapper so they do not go beyond the viewport. I will check on mobile devices, where `100vh` sometimes cuts into the browser UI bar, and support it with `dvh` as a fallback.

Check the site now: does the lightbox already exist or do we need to connect some library, or is this custom code?