tuanphan

Hi, What is your site url? We can check easier

Which page are you referring to? I don't see it on homepage /config is url for site admin https://papaya-gecko-73nz.squarespace.com/?noredirect

Because padding of header change when you scroll up to top. You can add this to Design > Custom CSS (or Website > Website Tools > Custom CSS to make this padding fixed) .header-announcement-bar-wrapper { padding: 1.8vw !important; }

Hi, Can you share link to page where you have problem?

You need to use a 3rd party tool to achieve this.

You can add this to Design > Custom CSS /* Space between logo - nav bar */ h1.logo.image { margin-bottom: 0px !important; } nav.main-nav { padding-top: 5px !important; }

Yes. This is possible. Can you share link to page where you use List? We can give exact code for your case

Hi, Can you share link to this page? We can check easier

You mean clicking Shop >> It redirects to another page?

#1. It already red on hover to me here #2. Font is fine

I see it is now linked here. Or you mean dropdown disappear?

Use this code to Design > Custom CSS (or Website > Website Tools > Custom CSS) div.header-nav-item:last-child>a { color: var(--primaryButtonTextColor); background-color: var(--primaryButtonBackgroundColor); border-color: var(--primaryButtonTextColor); padding: 0.2em 1em !important; border-radius: 18px; } header#header nav { flex-wrap: nowrap; align-items: center; }

change your iframe code to this <iframe src="https://www.halaxy.com/book/widget/hypnotherapist/sascha-graham/1091121/876261?wmode=opaque" data-embed="true" style="border:0;width:100%;height:1000px;"></iframe> I changed height:100% to height:1000px

Have you tried using List Section to achieve this yet?

Remove code I sent & use this new code div.header-nav-item>a:before { content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0.1em; background-color: currentColor; transform: scalex(0); transform-origin: right; transition: transform .6s cubic-bezier(.19,1,.22,1); } div.header-nav-item>a:hover:before { transform: scalex(1); transform-origin: left; } div.header-nav-item>a { text-decoration: none !important; }

In this code Change this .header-actions.header-actions--right { position: fixed; left: 5vw; bottom: 2vw; justify-content: flex-start !important; } to this .header-actions.header-actions--right { position: fixed; right: 2vw; top: 2vw; justify-content: flex-start !important; }

Hi, What is your site url? Each template will need a different way

Hi. The site is private now, I can't access it

Hi, Can you share site url? We can check easier

I think the code missing class name/id??

It looks like SS fixed it. You can check again

Hi, Can you share link to page where you use carousel? We can take a look

You can add this code to Design > Custom CSS (or Website > Website Tools > Custom CSS) /* Product thumbnails */ .tweak-product-basic-item-gallery-aspect-ratio-11-square .ProductItem-gallery-thumbnails-item { height: 100px !important; width: 100px !important; }

Hi, How about forcing these to 2 rows on smaller screens? We can give code to achieve this

For both #6 and #7, First you need to set Grid – Simple (or Grid – Overlay) to 4 columns #6. Next, use this CSS code /* portfolio style 6 */ a.grid-item:nth-child(5n+3) { grid-column: ~"3 / 5" !important; } a.grid-item:nth-child(5n - 1) { grid-column: ~"1 / 4" !important; } div#gridThumbs { grid-template-columns: repeat(4,minmax(0,1fr)) !important; grid-template-rows: repeat(10,minmax(0,0.5fr)) !important; } .portfolio-grid-overlay .grid-item { padding-bottom: 0 !important; height: 100%; } .portfolio-grid-overlay .grid-item .grid-image { position: static; } #7. Use this CSS code /* Portfolio style 7 */ a.grid-item:nth-child(4n - 3) { grid-column: ~"1 / 3" !important; } a.grid-item:nth-child(4n) { grid-column: ~"2 / 4" !important; } div#gridThumbs { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(30,minmax(0,0.5fr)) !important; } .portfolio-grid-overlay .grid-item { padding-bottom: 0 !important; height: 100%; } .portfolio-grid-overlay .grid-item .grid-image { position: static; }