tuanphan

Use this new code @media screen and (max-width:767px) { .sqs-popup-overlay-content .sqs-slide { position: fixed !important; bottom: 0 !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] .sqs-slice-gallery-item.loaded img { opacity: 1 !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] [data-slice-type="gallery"] { display: block !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slice-type="gallery"] { z-index: 1000 !important; } .sqs-slice-group.group-copy.copy-layer-background { z-index: 99999999; background-color: transparent !important; top: 50%; } a.sqs-popup-overlay-close { z-index: 9999999 !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] [data-slide-layout-id="overlay-center-card-02"] [data-slice-type="gallery"] { width: 100% !important; height: 50% !important; } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .layer-front, .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide-layer-content { height: 500px !important; }}

Move it under image?

I guess we can add a button block, then use code to when users click on this button, code will click all all audio on page.

Hi, To set each category a different background, you will need to use a custom code. Can you share link to some category? We can check easier

Add to Design > Custom CSS /* Desktop arrows */ .user-items-list-carousel__arrow-icon-holder { align-items: flex-end; }

Hi, Can you share link to page where you use button? We can check easier

Add to Design > Custom CSS ul.cf>li:last-child .folder-parent>a>span:before { content: "\e009"; font-family: 'squarespace-ui-font'; font-size: 18px; } ul.cf>li:last-child .folder-parent>a>span { font-size: 0; }

Have you solved it yet? If you still need help, please share link to page in screenshot, we can check easier

The page looks fine. Can you take a screenshot of gap?

Add this under @media screen and (max-width:767px) { div.header-title a:after { font-size: 20px; } }

Hi, Can you share link to calendar page? We can help easier

Squarespace has an icon library, however you need to use CSS code to declare them. You can see list of icons here https://tuanphan.squarespace.com/ss-ui-fonts?noredirect pass: abc (And many more icons, these are just some of the icons that I have compiled)

It is default setting, require a lot of code to make nav appear again,how about change to mobile menu on this screen size?

Change last code /* Attempt always-full-width banner */ @media screen and (max-width:767px) { #page section:first-child { min-height: 32vh !important; height: 32vh !important; } } to this /* Attempt always-full-width banner */ @media screen and (max-width:767px) { #page article section:first-child { min-height: 32vh !important; height: 32vh !important; } }

Can you share link to event page? We can check easier

Change on list page or list + individual posts?

Can you share link to portfolio page?

Hi, Can you share link to this page?

What is your site url?

Use this code <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('a:not(.passthrough-link)').attr('target','_blank'); }); </script>

Have you solved this yet? You mean change text to an image? What is your site url?

What is your site url? We can help easier

Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('section#itemPagination').insertBefore('section.blog-item-comments'); }) </script>

It looks like you figured it out?

Do you have a desired layout? We can help easier