tuanphan

Thanks @tuanphan I've found a solution:
 
// Product Variant Button (Full Width and Stacked) - Ghost // .ProductItem-details .variant-radiobtn-wrapper label { text-align: center; margin: 5px 0px; display: block !important; width: 100% !important; } /* Product variants widht button on mobile */ @media screen and (max-width:767px) { .product-variants { width: 100% !important; } } /* Add to cart button on mobile */ @media screen and (max-width:767px) { .ProductItem-details-checkout .sqs-add-to-cart-button-wrapper, .ProductItem-details-checkout .sqs-add-to-cart-button-wrapper div { width: 100% !important; } }  

Thank you @tuanphan that was it!

Thank you @tuanphan! You're a legend on this forum

This looks like it might be an SS issue. But before you contact customer service...
What happens if you set 404 page back to the System Default? Design > Not Found / 404 Page.

update: found out I can do a grid layout with just one raw. Solves the problem.

It worked perfectly, thanks!

You can use this code to Design > Custom CSS (or Website > Website Tools > Custom CSS)
/* Blog new logo */ body[class*="type-blog"] header#header img { content: url(https://cdn.pixabay.com/photo/2023/05/13/14/35/white-flower-7990645_1280.jpg); }  

okay ~~
i think creating the dropdown menu involves a combo of html, css, and a dash of javascript
you'll need a basic html structure for your dropdown menu
<nav class="dropdown-menu"> <button class="dropdown-btn">Menu</button> <div class="dropdown-content"> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> </nav> now, let's style that menu using css
this is where you'll make it look nice and cover the whole website
body { font-family: Arial, sans-serif; } .dropdown-menu { position: fixed; /* This will make it cover the whole website */ top: 0; left: 0; width: 100%; background-color: #333; /* Customize the background color */ } .dropdown-btn { background-color: #333; color: white; border: none; padding: 15px 20px; cursor: pointer; } .dropdown-content { display: none; /* Hide the dropdown content by default */ position: absolute; background-color: #f9f9f9; width: 100%; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover { background-color: #ddd; } and let's add some java to make the dropdown interactive
const dropdownBtn = document.querySelector('.dropdown-btn'); const dropdownContent = document.querySelector('.dropdown-content'); dropdownBtn.addEventListener('click', function() { if (dropdownContent.style.display === 'block') { dropdownContent.style.display = 'none'; } else { dropdownContent.style.display = 'block'; } }); javascript code makes the dropdown menu appear and disappear when you click the menu button

To disable draft project page, follow this
First, add this code to Design > Custom CSS
/* Hide Draft Portfolio */ div.portfolio-grid-basic .grid-item[href*="draft"] { display: none; } Next, Edit Project >> Add this into URL: draft
Assuming project has url is  /artists/dawn-waters-bake change it to  /artists/dawn-waters-bake-draft
Above code will hide all projects whose urls contain text “draft” in portfolio page

Add to Design > Custom CSS
body.collection-649227fc70d8b7335c60dd98 .gallery-grid-item>div img { border-radius: 30px !important; }  

Because your last item is Koble Creates, you are using CSS code to remove it
To remove an item from Header, no need to use code, just drag it from Main Navigation to Not Linked
In case you still want to keep code, use this code to remove /
div.header-nav-item:nth-child(3) a:after { display: none; }  

You can use white-space: nowrap;
.user-accounts-text-link { visibility: hidden; } .user-accounts-text-link:before { visibility: visible; content: "New text"; position: absolute; white-space: nowrap; }  

ID of page: body#collection-651773418cb7780c567aedd0

You can add this code to Website Tools (under Not Linked) > Custom CSS
/* Summary List Space */ .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item { margin-bottom: 0px !important; padding-bottom: 5px !important; }  

Add to Design > Custom CSS
article.blog-basic-grid--container.entry.blog-item.is-loaded { background-color: white; text-align: center; }  

I also have this list

Hi,
Not possible. But you can consider use a Blog Page with 30 blog posts, then just set blog page hidden

Use this CSS code to remove spacing under title on mobile
/* Mobile blog title spacing */ @media screen and (max-width:767px) { .blog-item-top-wrapper { margin-bottom: 10px !important; } }  

Add to Design > Custom CSS
/* center mobile text */ @media screen and (max-width:767px) { div#block-1d059d686d8bc4e3cc4f * { text-align: left !important; } .fe-block.fe-block-f56f8bdbd32d6261f262 * { text-align: left !important; } }  

Try this CSS
@media screen and (max-width:1100px) { div.header-display-desktop { align-items: center !important; } }  

It is the same. Only the first of the drop down is showing.
/*BASIC STYLES FOR ALL LINKS*/ .header-nav-item a::before, .header-menu-nav-item a::before { content: ''; height:35px; width: 35px; background-size: contain !important; background-repeat: no-repeat !important; vertical-align: middle; margin-right: 2px; margin-left: 0px; display: inline-block; } .header-nav-item--active a { background-image: none !important;} // hide titles .header-nav-item a, .header-menu-nav-item a { font-size:0px;} .header-nav-folder-item-content, .header-nav-folder-item .header-nav-folder-item--external {font-size:1rem !important;} // Rearrange navigation .header-display-desktop { align-items: flex-start; } .header-layout-branding-center-nav-center .header-title-nav-wrapper { margin-right: auto; margin-left: 25%; } .header-layout-branding-center-nav-center .header-actions--left { order: 2; } .header-nav-item:nth-child(1) a::before, .header-menu-nav-item:nth-child(1) a::before { background: url('https://static1.squarespace.com/static/64f9d6ee7f27b67c781b9044/t/6506f3444a0033485e6ad57e/1694954308502/1.png'); height:27px; width: 27px; } .header-nav-item:nth-child(2) a::before, .header-menu-nav-item:nth-child(2) a::before { background: url('https://static1.squarespace.com/static/64f9d6ee7f27b67c781b9044/t/6506f356f41ef323763d12c5/1694954326374/2.png'); } .header-nav-item:nth-child(2) a, {color:#E205C1} .header-nav-item:nth-child(3) a::before, .header-menu-nav-item:nth-child(3) a::before { background: url('https://static1.squarespace.com/static/64f9d6ee7f27b67c781b9044/t/6506f3604a0033485e6adcce/1694954336586/3.png'); height:27px; width: 27px;} .header-nav-item:nth-child(4) a::before, .header-menu-nav-item:nth-child(4) a::before { background: url('https://static1.squarespace.com/static/64f9d6ee7f27b67c781b9044/t/6506f36c93d8ad20f6e22974/1694954348335/4.png'); } .header-nav-item:nth-child(5) a::before, .header-menu-nav-item:nth-child(5) a::before { background: url('https://static1.squarespace.com/static/64f9d6ee7f27b67c781b9044/t/6506f94fdfdcbc12f579aed0/1694955855403/7.png'); } .header-nav-item:nth-child(6) a::before, .header-menu-nav-item:nth-child(6) a::before { background: url('https://static1.squarespace.com/static/64f9d6ee7f27b67c781b9044/t/6506f383b8b21d565fa09cb4/1694954371771/6.png'); height:30px; width: 30px; }  

Thank you sooo much, that did it! I TRULY appreciate your help with this!

@Maldini You can add this code snippet within the Custom CSS panel:
.cart-title { visibility: hidden !important; } .cart-title:before { content: "Creative Bag" !important; visibility: visible !important; } #sqs-cart-container .empty-message { visibility: hidden !important; } #sqs-cart-container .empty-message:before { content: "You have nothing in your creative bag." !important; visibility: visible !important; }  

Thank you for this, it has been driving me nuts, and this worked perfectly.

@mdegortari Sorry I missed the button. Here's the updated code:
section[data-section-id="65020d2d2b9ee303c97e6bf4"] { input:not([type="submit"]), textarea { border: none !important; border-bottom: 1px solid #a9a9a9 !important; background: transparent !important; } input:not([type="submit"]):focus, textarea:focus { outline: none !important; border-bottom: 1px solid #000000 !important; } }