Beyondspace

Have you checked again by open the Incognito and access your site or just access the link with /?noredirect. Currently, SQS has some bug on preview the site after adding Css code

Do you still need help?

Your site is private now, kindly set it a protected password so we can take a look

What is your issue?

Hovering instagram Hovering TikTok

Try adding to Home > Design > Custom css nav.sqs-svg-icon--list:hover a[href*='tiktok'] { opacity:0.4; } nav.sqs-svg-icon--list a[href*='tiktok']:hover { opacity: 1; } Let me know how it works on your site

It looks you have figured it out. Do you still need help?

Try adding to Home > Design > Custom Css #cart .cart-continue-button:hover { background: red !important; } #cart .cart-checkout-button:hover { background: red !important; } Let me know how it goes on your site Support me by pressing 👍 if this useful for you

Can you describe more detail? Some screenshots could help a lot

Have you figured it out? Do you still need help?

My testing

Try adding to Home > Design > Custom Css .category-link.active { color: #65C5EE !important; } Let me know how it works on your site Support me by pressing 👍 if this useful for you

Can you share your site with the protected password so I can take a look?

Can you share your site-wide password?

Have you checked the result of Css when visiting it on the Incognito or with the link /?noredicrect? It seems SQS have some bugs from the Preview in Edit mode

Try .nested-category-breadcrumb { font-family:'arial'; } .nested-category-title { font-family:'arial'; } Change the style as you desire

My testing

Try adding to Home > Design > Custom Css section[data-section-id="60e2fe24c9dcc410ce141120"] p { letter-spacing: 2px; /*spacing between letters*/ font-size: 16px; /*size of paragraph*/ } Support me by pressing 👍 if this useful for you

My testing

Try in Home > Design > Custom Css @media only screen and (max-width: 767px) { #page { margin-top: 0 !important; } .mobile-bar-wrapper .mobile-branding-wrapper{ padding-top: 10px; padding-bottom: 10px; } .main-content .sqs-row > .col > .sqs-block-gallery { padding-top: 0 !important; } } Let me know how it works on your site

my testing

Manually set to order the right position as you wish, you must know how to inspect element via dev tool of browse to get the right selector .ProductList-filter-list { display: flex; } .ProductList-filter-list > .ProductList-filter-list-item { margin-right: 15px !important; } .ProductList-filter-list > .ProductList-filter-list-item:nth-child(2) { order:5; } .ProductList-filter-list > .ProductList-filter-list-item:nth-child(3) { order:4; } .ProductList-filter-list > .ProductList-filter-list-item:nth-child(4) { order:2; } .ProductList-filter-list > .ProductList-filter-list-item:nth-child(5) { order:3; } .ProductList-filter-list > .ProductList-filter-list-item:nth-child(6) { order:1; } If using javascript, it could be easier for you to confige Let me know how it works on your site

Try adding to Home > Settings > Advanced > Code Injection, choose Footer <script> (function(){ window.addEventListener('DOMContentLoaded', () => { const backBtn = document.querySelector('.eventitem-backlink'); if(backBtn) { backBtn.setAttribute('href','/yourlink'); } }); })() </script> Let me know how it works on your site

I check that in footer you add the normally text, How do you think about adding the separate elements (may be a text block with link) so we can use Css to arrange the layout? For the responsive of header when you reduce window size, kindly try the following code @media only screen and (max-width: 1279px) { .header-nav-item:nth-of-type(3) { margin-right: 700px !important; } } @media only screen and (max-width: 1140px) { .header-nav-item:nth-of-type(3) { margin-right: 600px !important; } } @media only screen and (max-width: 1149px) { .header-nav-item:nth-of-type(3) { margin-right: 550px !important; } } @media only screen and (max-width: 1024px) { .header-nav-item:nth-of-type(3) { margin-right: 500px !important; } } @media only screen and (max-width: 959px) { .header-nav-item:nth-of-type(3) { margin-right: 450px !important; } } @media only screen and (min-width: 641px) and (max-width: 950px){ .header-nav-item:nth-of-type(2) { margin-right: unset !important; } .header-nav-item:nth-of-type(3) { margin-right: 300px !important; } } Let me know how it works on your site

Try adding to Home > Design > Custom Css .Mobile-bar--bottom { display: none; } Let me know how it works on your site