tuanphan

I don't quite understand. What is problem here? I see the code worked Or you want to remove Logo? and keep button only?

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

Use this code to Website > Website Tools > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ var texts = document.getElementsByClassName('gallery-caption-content'); $('.gallery-lightbox-list .gallery-lightbox-item').each(function(idx, ele){ var text = texts[idx] var id = $(ele).attr('data-slide-url') if (text) { $(ele).append('<p id="' + id + '" class="light-caption sqsrte-small">' + text.innerHTML + '</p>'); if ($(ele).attr('data-active')) { $(`#${id}`).css('visibility', 'visible') } } }) $('.gallery-masonry-lightbox-link').click(function() { var id = $(this).attr('href').split('=')[1] $('.light-caption').css('visibility', 'hidden') $(`#${id}`).css('visibility', 'visible') }) $('.gallery-lightbox').click(function() { $('.light-caption').css('visibility', 'hidden') var id = location.search.split('=')[1] $(`#${id}`).css('visibility', 'visible') }) }) </script> <style> figcaption.gallery-caption.gallery-caption-grid-masonry { display: none; } .light-caption { visibility: hidden; position: fixed; font: p2; font-family: source code pro; color:grey; font-size: 14px; bottom: 20px; left: 50%; transform: translateX(-50%); margin: 0; } .gallery-lightbox-item[data-active='true'] .light-caption { visibility: visible; } .gallery-lightbox-controls { display: flex !important; } </style>

Possible with CSS, but you need to enter manually caption for each image. If you used script in Code Injection, actually you can add a Markdown Block in Site Footer > Then paste script. It still works with Personal Plan.

Can you share link to this page? We can check problem easier.

You can solve by move down category items a bit by adding this code to Website > Website Tools > Custom CSS. @media screen and (max-width:767px) { gspro-modal#categories { margin-top: 200px !important; }}

It looks fine. I don't see any audio on this page

Add this code to Last Line in Code Injection > Footer <script> $(document).ready(function(){ $('[data-folder="/leistungen"]').appendTo('.header-menu-nav-folder[data-folder="root"]'); }); </script> <script> $(document).ready(function(){ $('.container.header-menu-nav-item:nth-child(2)').hover(function(){ $('[data-folder="/leistungen"]').addClass('show-hide'); }, function(){ $('[data-folder="/leistungen"]').removeClass('show-hide'); }); }); </script> <style> .header-menu-nav-folder .header-menu-nav-folder { display: block !important; right: 0; transform: unset !important; width: unset !important; max-width: 500px; overflow: hidden; left: unset; } [data-folder="/leistungen"] .header-menu-controls.container.header-menu-nav-item { display: none; } [data-folder="/leistungen"] { visibility: hidden; } .show-hide { visibility: visible !important; } </style>

You can use this code to Website > Website Tools > Code Injection > Footer <script> $(document).ready(function(){ $('.summary-item').each(function() { var plusicon = $(this).find('.summary-title'); $('<span class="summary-custom-icon"></span>').insertAfter(plusicon); }); }); </script> <script> $(document).ready(function(){ $('.summary-item').each(function() { $('.summary-custom-icon').toggleClass('show-hide'); }); }); </script> <style> span.summary-custom-icon:after { content: "\e009"; font-family: 'squarespace-ui-font'; color: white; font-size: 30px; } span.summary-custom-icon { cursor: pointer; } .summary-excerpt.summary-excerpt-only { display: none; } .show-hide ~ .summary-excerpt { display: block !important; } </style> Initial Click Arrow

You can use this new code body.view-list [data-section-id="61b9bb53963c00104414e46f"] .content-wrapper .content:before { content: "What do they got in there? King Kong? Hey, you know how I'm, like, always trying to save the planet?"; text-align:center; position: absolute; left: 50%; transform: translateX(-50%); top: 0; } @media screen and (max-width:767px) { body.view-list [data-section-id="61b9bb53963c00104414e46f"] .content-wrapper .content:before { display: none; } body.view-list [data-section-id="61b9bb53963c00104414e46f"] div#block-yui_3_17_2_1_1639562063313_3002:before { content: "What do they got in there? King Kong? Hey, you know how I'm, like, always trying to save the planet?"; text-align:center; margin-bottom: 30px; display: block; } }

You try this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { section.ProductItem-summary img { object-fit: contain !important; }}

Try this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { div#block-24b5df7af4d5fec7e80c iframe { transform: rotate(90deg); } }

What is site url? We can check your problem easier

What is site url?

Try adjust this number

Can you share site url? We can check easier

You can use this code to Custom CSS box span.sqs-view-options-button-inner { text-align: center !important; }

To change it to white, add this code to Website > Website Tools > Custom CSS nav.nested-category-breadcrumb { opacity: 1 !important; }

Use this new code @media screen and (max-width:767px) { div.horizontalrule-block + .row .image-block svg { display: none; } div.horizontalrule-block + .row .image-block .content-fit { border-radius: 50% !important; } div.horizontalrule-block + .row div.image-block.sqs-block, div.horizontalrule-block + div.image-block.sqs-block { padding-top: 0px !important; } }

With View Animation, use this code a[href="#Animation"].sqs-block-button-element { text-decoration: none !important; transition: 0.3s : important; &:hover { opacity: 1 !important; transition: 0.3s !important; margin-top: -8px !important; }

Change code to this <img class="draggable ui-widget-content" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Jan_Vermeer_-_The_Art_of_Painting_-_Google_Art_Project.jpg/1280px-Jan_Vermeer_-_The_Art_of_Painting_-_Google_Art_Project.jpg" alt=""/> <img class="draggable ui-widget-content" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/Johannes_Vermeer_-_Het_melkmeisje_-_Google_Art_Project.jpg/1070px-Johannes_Vermeer_-_Het_melkmeisje_-_Google_Art_Project.jpg" alt=""/> <img class="draggable ui-widget-content" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Vermeer-view-of-delft.jpg/1444px-Vermeer-view-of-delft.jpg" alt=""/> <style> img.draggable { height: 150px; overflow: hidden; cursor: move; display: block; position: fixed; } img.draggable:nth-child(1) { left: 1vw; top: 1vw; } img.draggable:nth-child(2) { left: 2vw; top: 2vw; } img.draggable:nth-child(3) { left: 3vw; top: 3vw; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script> $( function() { $( ".draggable" ).draggable({ stack: ".draggable" }); } ); </script>

I tried checking and it looks fine. Can you take a screenshot of problem?

You can use this code to Website > Website Tools > Custom CSS section.event-header .Intro-content { visibility: hidden; }

Add Block, Block will appears on both Desktop + Mobile, so you need to change to Desktop Layout to add block

Can you check url again?