sorca_marian

Hi sorca_marian,
thanks a lot and I will try this weekend.
Cheers

I think so. This plugin might be helpful https://www.sqspthemes.com/plugins/p/ultimate-squarespace-lightbox-plugin

I think so. This plugin might be helpful https://www.sqspthemes.com/plugins/p/ultimate-squarespace-lightbox-plugin

@sorca_marian idk what happened but it's working now, thank you so much!!

Thank you mate! 
 
I’ll give that a try, thank you so much

Worked perfectly. Thank you!

Any update about Webp?

@sorca_marian I just removed it and the page is now perfect!!!
 

Excellent, thank you again for your help @sorca_marian

Look for code injected in Page settings -> Advanced -> Page header Code Injection

There might be some custom code there

You are a lifesaver, I appreciate your knowledge and time @sorca_marian 
In terms of the code that shows at the very bottom of each page, will that be removed too? Or do I need to do something else?

I think it opens your default Mailing software

Thanks! I'll search the forums for the code to hide the form in the footer. 
Surely someone has done this before!

If the event detail pages allow custom code I would create a Squarespace form in the footer, hide it, and populate it from a custom-added form on the details pages

I think it opens your default Mailing software

Lovely. Perfect. Thank you @sorca_marian!

Updated
.header-display-desktop .header-title-nav-wrapper .header-nav-list { display: flex; flex-direction : column; align-items: baseline; } .header-display-desktop .header-nav { flex: 0; } .header-display-desktop .header-nav, .header-display-desktop .header-actions--right { flex-direction : column; width: auto; } .header-display-desktop .header-actions-action--social { order : -2; } .header-display-desktop .header-actions-action--cta { order : -1; margin-top : 5px; margin-bottom : 5px; }  

Like this?
 
.header-display-desktop .header-title-nav-wrapper .header-nav-list { display: flex; flex-direction : column; align-items: baseline; } .header-display-desktop .header-actions--right { flex-direction : column; width: auto; } .header-display-desktop .header-actions-action--social { order : -2; } .header-display-desktop .header-actions-action--cta { order : -1; margin-top : 5px; margin-bottom : 5px; }  

Hi sorca_marian,
sorry for the late reply and thanks a lot to help out so quickly. I will try it and I hope it fixes my issue.
Cheers
 

You can update the margin from below
<style> @media (max-width: 767px) { .restrict-width-1000 { margin-top : 30px!important; } .lock-screen h1 { font-size : 40px!important } .lock-screen p { font-size : 15px!important } } </style>  

Your a genius, a god, a pharaoh...
Its working perfectly
Thank you for your quick answer
Olivier

Have you checked https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API/Using_Screen_Capture ?

You can try this code to Website > Website Tools > Code Injection > Footer to make Instagram appears in burger menu
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.Header-social').clone().appendTo('nav.Mobile-overlay-nav.Mobile-overlay-nav--secondary'); }) </script>

Hi,
Add the below code in Custom CSS below all existing code
@media (max-width: 767px) { .header-title-nav-wrapper { flex-basis : calc(100% - 75px - 75px)!important; } }  

That's worked perfectly!
Thank you so much, really appreciate the help 🙏