Movelight box arrows

Hello, I am using a standard grid gallery - my site has quite large margins and when lightbox is open for the gallery the images are centralised but the arrows to control them are far away when using a wide screen - they get closer when the screen is smaller.

Is there some code I could use to bring the arrows closer? Or so the maximum width they will go to is restricted?

I can't share the site right now.

Thank you

If your site is trial/private, you can setup password & share url. We can check easier

I'm not able to share it at all right now I'm afraid due to sensitive information in progress. But its a standard grid gallery with lightbox.

When you can share url, we can check easier

On 5/21/2021 at 3:32 PM, tuanphan said:

When you can share url, we can check easier

@tuanphan I have removed the sensitive information so you can now look at site

https://saffron-cone-7hws.squarespace.com

qwerty123456

See PROJECTS page, then click first project, then scroll down to DESIGN DEVELOPMENT. On smaller screens its fine but on wide screens like mine the arrows as you can see from the screenshot above are right out at the edge of the screen - is there a way to limit maximum screen width for lightbox arrows to remain within?

Thanks very much

20 hours ago, creativesurfing said:

@tuanphan I have removed the sensitive information so you can now look at site

https://saffron-cone-7hws.squarespace.com

qwerty123456

See PROJECTS page, then click first project, then scroll down to DESIGN DEVELOPMENT. On smaller screens its fine but on wide screens like mine the arrows as you can see from the screenshot above are right out at the edge of the screen - is there a way to limit maximum screen width for lightbox arrows to remain within?

 

Thanks very much

Add to Design > Custom CSS

/* Lightbox arrows position */
.gallery-lightbox-control {
    justify-content: center !important;
}

11 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Lightbox arrows position */
.gallery-lightbox-control {
    justify-content: center !important;
}

 

You've done it again, thanks so much, saved the day!