Wexley: How can I hide the page header in Lightbox?

Hi My site is

www.ianazariah.com

and im looking to turn the page header off in the Wexly Lightroom portion of my website as it blocks the images when viewed on a laptop.

I have tryed some work thoughs that people have posted. incuding the two in the link below and nothing seems to work?

https://answers.squarespace.com/questions/165680/wexley-gallery-page-lightbox-image-size.html

has anyone figure this out I think this is the one drawback of Wexley platform as it makes viewing on a laptop very bad.

thanks in advance for your help.

Thank you @octopus Your a Hero! that worked perfect.

thanks so much

Yes that is possible with these buddies .I can suggest you please you can check out thishttps://youtu.be/CP1o1RE6baw

Thank you @octopus, your code works well for hiding the site title, but the header is still showing. Any suggestions on how to hide that in lightbox as well? I tried to search for the CSS name for that part but with no luck (like #header).

I actually found a way to do it!I downloaded a chrome extension called Squarespace Collection/Block Identifier and plug the block id into the code above.

#block-yui_3_17_2_7_1495664838995_3205

is the header block id!

Same as above.

.collection-type-gallery.full-view {
  #logo,
  #block-yui_3_17_2_7_1495664838995_3205,
  #topNav, {
    display: none;
  }
}

I downloaded an extension in chrome called Squarespace Collection/Block Identifier and found the block id for the header text! the exit button is still there!!!

https://dominique-rey.squarespace.com/projections

this is the site I'm working on.

thank you @octopus for your code template!

Hi, can you please explain how to solved this problem? I'm having the exact same issue for my Wexley site - the logo is too big for my photos in lightbox view!

Thanks!

Having the same exact issue. I took a look at your site and it seems you solved the problem. Would love to know how.

Having the same exact issue. I took a look at your site and it seems you solved the problem. Would love to know how.

.collection-type-gallery.full-view #logo, .collection-type-gallery.full-view #topNav {
   display: none;
}
.collection-type-gallery.full-view #backToThumbs {
   font-size: 2em;
}

Contributors to this forum voluntarily give their time to help you. If this answer helps you, please vote it up using the up arrow on the right beside the answer (you need to be logged in). Want something similar? Instead of commenting, start a new question and include a reference to this one.

It works!

Thanks a bunch :)