creativesurfing

Thank you - it worked although I had to adjust it and use 'left' instead of 'right'. With 'right' it moved all the text closer to the right hand side of the screen rather than left towards the middle of the page.

Site URL: https://www.rjparchitects..com Hello, I added a new item to my menu - 'testimonials' , and the word isn't fitting within my burger menu width on mobile device. I would like to reduce the left hand margin shown in the screenshot so it fits? I would like to keep the right hand side the same so it stays aligned with the X (close burger) icon. So ideally the word testimonial just starts a little bit further to the left? I've just reduced the text size for now so it doesn't look bad, but I'd like to change it back as its a bit small really. The current CSS Code I am using in relation to the burger menu is: /* MOBILE BURGER MENU */ /* Top aligned text in burger menu */ .header-menu-nav-folder-content { justify-content: unset; } /* Text size and alignment burger menu */ .header-menu-nav-item a { font-size: 20px; } /* Partial dropdown width and aligned to right hand side */ @media screen and (max-width:769px) {.header-nav, .header-actions { display: none!important} .header-burger { display: flex!important;} .header--menu-open .header-menu {opacity: 1; visibility: visible; width: 37.5%; margin-left: 62.5%}}

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

You're brilliant! Thank you.

@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

@tuanphan I have removed the sensitive information so you can now look at site https://saffron-cone-7hws.squarespace.com qwerty123456 See PROJECTS page Thanks very much

I'm not able to share it at all right now I'm afraid due to sensitive information in progress. Its just standard image blocks with captions though, I don't think you need to see the site. Just want to bring the captions up a bit higher.

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.

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

Sorry I cannot share it right now, but its just an image block with the caption switched on, it shows up below the image and I'd like to make the caption move up a bit closer to the bottom of the image?

Hello, is there a general CSS close that can be used to move up the caption displayed below an image block so it’s closer to the image itself? It is ok on the computer but on a mobile device the gap is a bit too big.

Hello, I have a simple grid gallery I am trying to apply this to but I cannot make it work, any tips??

Brilliant thank you!!! - the code worked really well for the gallery padding top and bottom. Is there a way to customise the gaps at the sides? Inset isn't really narrow enough. I tried adding width: 50% !important; to the code which works initially but then adds a random big white space at the bottom between the gallery and footer and also makes it look very small on mobile device. I managed to reduce the padding top and bottom of my slideshows by modifying a code found earlier on this thread, winning! The site spacing is really handy but it is already at the maximum page width and the header is still not inset as much as I would like it to be, not sure if there's anything else can be done with that? I'm sure I've seen squarespace based sites where its inset more.

I've made a copy of my actual site as I was concerned I would mess it up playing around editing code. Will I be able to move my subscription over to this new site which is currently showing as a trial? So on the site if you go to the 'projects' page, the gallery has too much padding top and bottom. And then if you click on a project, for example the first one - barn, you will see that the slideshow has a similar issue with lots of space above and below. And then lastly, it is possible to bring the header and footer in even further from the edges? I've got the maximum at the moment but I'd really like to bring it in more if possible. Thanks so much

Can anyone help me with a similar issue, I've tried various items in the above and none have worked. So the Custom CSS code below input into the 'design' section worked for most sections in that I can reduce the height, but unfortunately where I have a simple slideshow on my pages, reducing the height just seems to reduce the height of the slideshow itself rather than the padding top and bottom. There is just so much padding its making my site look a bit silly. [data-section-id="5e8f4059a780b645bb8468ac"] { min-height: 10vh !important; } [data-section-id="5e8f4059a780b645bb8468ac"] .content-wrapper { padding-top: 2px !important; padding-bottom: 2px !important; Does anyone know how to fix this? Thank you. See image - the top is the thumbnails displayed at the bottom of my slideshow, then a huge gap until the next section which is text. There is a similar gap at the top of the slideshow above the main image. Total code/squarespace newbie here.