tuanphan

Add to Design > Custom CSS /* Desktop nav on mobile */ @media screen and (max-width:750px) { #header #topNav { display: flex; justify-content: center !important; align-items: center; float: none !important; } div#mobileMenuLink { display: none; } }

Add to Design > Custom CSS /* Desktop nav on mobile */ @media screen and (max-width:750px) { #header #topNav { display: flex; justify-content: center !important; align-items: center; float: none !important; } div#mobileMenuLink { display: none; } }

Can you share link to search result on your site?

To remove space, edit this code @media screen and (max-width: 767px) { [data-section-id="61768984a9b12a61e5da1d86"] { min-height:unset !important; height: 85vh; margin-top: -45vh } }

Add to Design > Custom CSS @media screen and (max-width:767px) { .gallery-fullscreen-slideshow { height: 35vh !important; } }

Above code doesn't work? With rename, you want to rename empty page button or checkout button?

Looks like I've come a long way in the direction I intend to guide here. With your code, what is that code for? And which pages are not working?

Hi, Add to Design > Custom CSS /* Product slide arrows control */ @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls { display: flex !important; } /* arrows background */ .ProductItem-gallery-carousel-controls * { background: white; } .ProductItem-gallery-carousel-controls>div { justify-content: center !important; } .ProductItem .ProductItem-gallery-carousel-controls>div::after, .ProductItem .ProductItem-gallery-carousel-controls>div::before { border-color: black !important; } .pdp-layout .invisible { display: block !important; background-color: transparent; } }

In Home > Design > Custom CSS > Find & remove this code .product-quantity-input, .sqs-add-to-cart-button-wrapper { display: none; } .sqs-add-to-cart-button-wrapper { visibility: hidden; }

Try checking your Page Header (Hover Page Name on Pages > Main Navigation or Not Linked > Click Gear icon > Advanced)

Have you solved it yet? If still face problem, you should contact Squarespace Customer Care

See this https://rebeccagracedesigns.teachable.com/p/vertical-navigation

Add 1 Block only, not 2.I sent a video

I thought I wrote that code. Until I checked the Page Header, it was the code that I hired a dev to write 2 years ago. First, add a Text Block with 3 Text Links Next, add to Page Header. Replace #block-37c with Text Block ID. Replace example image urls with new image urls <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> const imgs = "https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1589847937255-KL7YQ0FH2JWUFSKWI0FI/ke17ZwdGBToddI8pDm48kDyrkv0xh0UZB45eZfCeHJZ7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z5QPOohDIaIeljMHgDF5CVlOqpeNLcJ80NK65_fV7S1UYA7hnDto0DZHzMmH7D5yxh0gmfs6GbscUE7FWidc8Cg0PgRfuafvOMwlzZcOCnxVw/20140301_Trade-151_0124-copy.jpg,https://cdn.pixabay.com/photo/2020/11/08/09/41/deer-5723225__340.jpg,https://cdn.pixabay.com/photo/2020/11/01/19/41/autumn-5704791__340.jpg" $(document).ready(function() { if (imgs) $('.section-background img').attr('data-url', imgs) const urls = $('.section-background img').attr('data-url').split(',') $('.section-background img').attr('src', urls[0]) $('#block-cc917afadc9c70cdd37c a').each(function(id, e) { $(e).hover(function() { $('.section-background img').attr('src', urls[id]) }) }) }) </script> Use this tool to find block id.

You mean image carousel under Donate to Camp Erin button? You want make effect on hover or click (I think hover is possible, click: not sure it is possible)

Hi, Can you describe in more detail? https://www.n3wcrop.co.uk/shop

It looks like you deleted site? No Such Website The website you requested does not exist.

You can add all icons, then we will give code to show FB/Insta/Twitter on one page only & hide these 3 icons on other pages. What do you think?

Hi, You want 1 column on mobile or?

Try adding to Design > Custom CSS div#pageWrapper { margin-left: 0 !important; }

Hi, Which page are you referring to? https://sydneyreneephotography.com/

Add to Design > Custom CSS div.lightbox-inner .product-quantity-input input { color: white !important; } div.lightbox-inner .sqs-add-to-cart-button { background-color: white !important; } div.lightbox-inner .sqs-add-to-cart-button-inner { color: black !important; }

Hi, It looks like you solved by changing header to solid white background?

Hi, What is access password?

Add to Design > Custom CSS @media screen and (min-width:901px) { .index-list.clearfix { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px 20px; } .index-list.clearfix>div { width: 100% !important; } .index-list.clearfix:before { display: none; } }