sorca_marian

You will need to create new HTML programmatically based on your items to follow the plugin requirements

Have you tried to save the images in another format?(png,svg

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;
}

You can add this in the page header code injection of the page.
You can adjust the font size from 3em to how much you want

<style>
@media(min-width: 768px){
    
    #home-hero-slideshow-banner h2 {
        font-size: 3em!important;
        line-height: 200%!important;
    }
    
}
</style>

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;
}

Yes.
You can add the link to the page itself and through code get the link from each page and add it to the main page on each item.

Add the below code in Custom CSS

.header-menu-nav-folder--active+div {
    transform: translatex(0);
}

.header-menu-nav-folder--active,
.header-menu-controls {
    display : none;
}

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

Can you send the link?
What changes would you like on the titles?

Add all the CSS code here to review it and add the link to the site

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>

Hello,

I just saw that on my first visit those images were not loaded but worked after refresh, just like you described.
Have you tried to remove the block and add it from scratch?

In the developer console, the source of the image is not being added

When editing a product -> Additional info > Add a code block with the below content

<style>
  .ProductItem-product-price .product-price {
	display : none!important;
  }  
</style>

This might also be helpful 

I think it's because of your change value function.

https://github.com/sorcamarian/squarespace-tricks/tree/main/Forms

Check these approaches

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

Page address?

Hi,

Sure.
You can adjust the font size

<style>
@media (max-width: 767px) {

    .lock-screen h1 {
        font-size : 40px!important
    }

    .lock-screen p {
        font-size : 15px!important
    }
    
}  
</style>

@greentea7 Unfortunately you will need a plan that allows code injection 

@greentea7, I am not aware of plugins.
I built this custom feature.

To increase the heading size on mobile add the below code in the Page header code injection

<style>
@media (max-width: 767px) {

    .lock-screen h1 {
        font-size : 40px!important
    }
    
}
</style>

Hi,

On which page?

I think it opens your default Mailing software

Hi,

Like this?
 

.header-display-desktop .header-actions-action--social {
    order: 1!important;
}

😀👍