verticalberto

Having the same issue, tried deleting and restoring multiple times, logging out/in, contacting customer support which responded that they took a troubleshooting and now it should work but it doesn't... How is it possibile that adding a custom record is so complicated on Squarespace even on paid plans? 😕

Here are the screenshots from the 2 platforms

Hey everyone, I've tried to setup a subdomain for my Bubble App following some of the tutorials, with no luck so far. After adding the Squarespace subdomain to Bubble (and getting 4 DNS records type "A") and deleting all standard Squarespace DNS settings, I could not add either one of those 4 records into Squarespace as the platform is "unable to save the records due to a CNAME conflict". All the records have been deleted, and I have tried to logout/login to Squarespace many times, yet i keep getting the same error. Moreover, the main tutorial about this procedure (https://www.youtube.com/watch?v=vGk6nfq41L4) says that when adding a subdomain to Bubble you should only get 2 records in return, but I get 4 instead. Any idea of what's going on? 😞 Thanks in advance, cheers!

Good evening folks! Is there any good soul willing to help me with this? 🙂 I have manually created a multilingual website using Brad's guide, but I can't find a way to set the proper position for the language switcher on mobile. Here is the CSS code i've added for the desktop version in order to place it next to the shopping cart (don't even know if it's correct :'D ) : .language { color: #ED5A62; position: absolute; top: 45px; right: 80px; z-index: 99999; a { color: #ED5A62; &:hover { opacity: 0.8; } } } However it gets messy on mobile. Is there any way I can only make it visible when the hamburger menu is clicked (above or below the navigation links)? Or at least place it in a better position? website: www.cluegovisit.com Thank you in advance for your time!

I finally found the issue. I had added this CSS Custom code to make sure that the menu would stay in one line and it was causing the mobile version to stretch out the shopping cart. // wide menu .header-nav { width: 90% !important; flex: 1 1 90% !important; } .header-title-nav-wrapper { flex: 1 0 80% !important; } Do you guys have any idea to fix the code for mobile so that I can keep using it?

I have removed all the injection code, yet no luck. The cart is still not visible and we still got the horizontal scroll bar in the editor

Sorry Ziggy I didn't notice that line. I have edited my previous post. Thank you for fixing the plain text, however I still can't see the shopping cart from mobile 😞

Thanks guys, here it is: HEADER: <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link rel="shortcut icon" type="image/x-icon" href="https://images.squarespace-cdn.com/content/v1/64d13969e151e619dd0c776c/28c435a3-d198-4084-8cdd-2c9492af9153/favicon.ico?format=100w"/> FOOTER: <!-- multilingual --> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.6.0/css/flag-icon.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = 'it'; var lang = location.pathname.split("/")[1]; var defaultClass = 'lang-'+defaultLanguage+''; var itemParent = "nav [class*='collection'],nav [class*='folder'],nav [class*='index'],nav [class*='group']"; if (lang == "" || lang.length > 2 ){ var lang = defaultLanguage; } /* ADD LANGUAGE CLASSES */ $('a[href="/"]').addClass('lang-'+defaultLanguage+'').parents(itemParent).addClass('lang-'+defaultLanguage+''); $('nav a:link:not([href^="http://"]):not([href^="https://"])').each(function () { var langType = $(this).attr('href').split("/")[1]; var multiLanguageClass = 'multilanguage lang-' + langType + ''; if (undefined !== langType && langType.length <= 2) $(this).addClass(multiLanguageClass).parents(itemParent).addClass(multiLanguageClass); }); $('nav button').each(function () { var langTypeFolder = $(this).attr('data-controller-folder-toggle').split("/")[0]; var multiLanguageClass = 'multilanguage lang-' + langTypeFolder + ''; if (undefined !== langTypeFolder && langTypeFolder.length <= 2) $(this).addClass(multiLanguageClass); }); /* HOMEPAGE-LOGO LINKS TO PROPER LANGUAGE HOMEPAGE */ if (lang == "en") { $('a[href="/"]').attr("href", "/en/home/"); } /* ADD EXCLUSION NAV ITEMS */ $('.exclude-me,.exclude-me a').addClass('exclude'); $('.sqs-svg-icon--list a,.SocialLinks-link,.header-menu-controls-control').addClass('exclude'); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $('.multilanguage:not(".lang-'+lang+',.exclude")').remove(); /* SETUP LANGUAGE SWITCHER */ $('body').prepend('<div class="language"><a href="/en/home" class="lang-en"><span class="flag-icon flag-icon-us"></span></a> <a href="/it/home/" class="lang-es"><span class="flag-icon flag-icon-mx"></span></a></div>'); }); </script> <!-- Scroll To Top Button HTML --> <button id="wm-back-to-top"> <div class="btt-background"></div> <div class="icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-labelledby="title" role="img" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Angle Up</title> <path data-name="layer1" fill="none" stroke="#202020" stroke-miterlimit="10" stroke-width="2" d="M4 42 l28 -26 L60 42" stroke-linejoin="round" stroke-linecap="round"></path> </svg> </div> </button> <!-- Scroll To Top Button Javascript --> <script> (function() { let throttlePause; document.addEventListener('click', function(e) { if (!e.target.closest('#wm-back-to-top')) return; window.scrollTo({ top: 0, behavior: 'smooth' }) }) document.addEventListener('DOMContentLoaded', function(){ let btt = document.querySelector('#wm-back-to-top'); if (btt?.closest('.sqs-block-content')){ btt.closest('.sqs-block-content').style.display = 'inline'; } }); const throttle = (callback, time) => { if (throttlePause) return; throttlePause = true; setTimeout(() => { callback(); throttlePause = false; }, time); }; const checkPos = () => { let pos = document.documentElement.scrollTop, revealHeight = window.innerHeight * 0, bttButton = document.querySelector('#wm-back-to-top'); if (pos >= revealHeight) { bttButton.classList.add('show'); } else { bttButton.classList.remove('show'); } } window.addEventListener("scroll", () => { throttle(checkPos, 150); }); window.addEventListener('DOMContentLoaded', checkPos) }()); </script> <!-- TO MAKE FOLDER TITLES CLICKABLE IN SQUARESPACE ON DESKTOP AND MOBILE (7.1) --> <script> $(".header-nav-folder-title[href='/percorsi'], .header-menu-nav-item a[href='/OLD-LINK']").click(function() { window.location.href = "/our-walks-italy"; }); $(".header-nav-folder-title[href='/cluego-overview'], .header-menu-nav-item a[href='/OLD-LINK']").click(function() { window.location.href = "/cluego"; }); </script>

Thank you Ziggy for your assistance! So you can see the shopping cart on mobile? I'm finding it extremely hard to figure out where to click once you add an item to the cart. How can I check the footer code injection? Should I share the whole code here?

Sure! https://www.cluegovisit.com/

Hi everyone, I can't find a way to make the shopping cart visible on mobile. From the editor, I can see it is enabled but it stays on the very right edge so that I need to use the horizontal navigation bar to find it 😕 (see screenshot). Any idea on how to fix that? Thank you in advance!

Sir you have my undying gratitude. After days of research this was the only way I could make it work! Thanks a ton for your contribution to this communnity 🙏

Uhm, I'm trying to make it work adding the code to custom CSS with picture URL and section ID but it doesn't seem to do anything on dekstop preview. I got section ID from the extension you recommended. @media screen and (min-width:768px) { [data-section-id="64dd288c79c102293fd331b7"] .section-background img { display:none; } [data-section-id="64dd288c79c102293fd331b7"] .section-background { background: url('https://images.squarespace-cdn.com/content/v1/64d13969e151e619dd0c776c/7a3dd884-9ff7-4fc4-a71c-febc03b330c5/pexels-keira-burton-6146931.jpg?format=2500w'); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; } } What am I doing wrong? 😕

Sure I don't mind if it works on desktop only. The mobile version of the website is always less interesting anyways 🙂

Yes sir