Styledent

Thank you very much for your help! It works now!

Hello, No, I still haven't figured this out. Could you please assist? I have it removed temporarily, but I am trying to align it to the top right of the website, but I want the phone number and language switcher to be stacked: one above the other.

Hello, I am trying to align this to the top right of the site and I am having issues with it. I can set it to :block but it won't align it to the right. I would like them to appear stacked. Any help would be greatly appreciated. Website: https://www.sgtguides.com/ I got this code from this post: <ul class="sc-topnav"> <li><a href="/en/home" class="lang-en">English</a> | <a href="/fr/home/" class="lang-es">Français</a></li> <li><a href="tel:407-676-7171">CALL US (407)676-7171</a></li> </ul> <style> .sc-topnav { list-style-type: none; display: block; flex-flow: column wrap; margin-top: 0; margin-bottom: 0; padding-top: 0vw; justify-content: right; align-content: flex-end; background: #ffffff; } .sc-topnav a { letter-spacing: .03em; font-family: Rubik; font-size: 0.8em; font-weight: 400; color: #000000; line-height: .5vw; } </style>

Hello, I attempted to input as stated in that thread and it still didn't work for me. Did I input incorrectly? Our site is also 7.0 <script> $( ( ) => { // replace header logo image based on language area of v7.1 site const languageUrlMappings = { /* the format of each line is a language letter code such as en (english), fr (french), etc. and the url for the language header image */ // 'French' : 'https://imgur.com/a/4qxfcRf', // no need to define one for english as it is the default image // last or only item doesn't get a comma 'fr' : 'https://imgur.com/a/4qxfcRf' } // do not change anything below, there be the borg here const pathname = location.pathname; const languageUrlSlug = pathname.substring ( 1, 3 ); if ( ! ( languageUrlSlug in languageUrlMappings ) ) return; const url = languageUrlMappings [ languageUrlSlug ]; $( '.header-title-logo img' ) .attr ( 'src', url ); } ); </script>

Hello, Here is the URL for the page I am having the issue on. I would like the main logo to be converted to French for the french pages only by inputting that code. This is where the code was taken from: https://medium.com/@hardluckcreative/making-better-multi-language-squarespace-sites-e46d24094a7d Website: https://www.sgtguides.com/fr/home/

Hello, I would like to change our main logo to a french version only on french pages of the website. I found this code, and it's not working. Is it possible? Thank you in advance! Website: https://www.sgtguides.com/fr/home/ <style> div.header-title-logo a { content:url("https://imgur.com/a/4qxfcRf") !important; max-width: 290px; </style>

Hello, I am trying to align this to the top right of the site and I am having issues with it. Any help would be greatly appreciated. http://www.sgtguides.com <ul class="sc-topnav"> <li><a href="/en/home" class="lang-en">English</a> | <a href="/fr/home/" class="lang-es">Français</a></li> <li><a href="tel:407-676-7171">CALL US (407)676-7171</a></li> </ul> <style> .sc-topnav { list-style-type: none; display: block; flex-flow: column wrap; margin-top: 0; margin-bottom: 0; padding-top: 0vw; justify-content: right; align-content: flex-end; background: #ffffff; } .sc-topnav a { letter-spacing: .03em; font-family: Rubik; font-size: 0.8em; font-weight: 400; color: #000000; line-height: .5vw; } </style>

Thank you so much! That is exactly what I needed!

I found this article: https://medium.com/@hardluckcreative/making-better-multi-language-squarespace-sites-e46d24094a7d This is my variation of the code to tailor the website between English and French. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(function() { /* SETUP MULTI-LANGUAGE */ var defaultLanguage = 'en'; 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]; /* Set English designation if there's no language subfolder */ if (langType != 'fr') {langType = 'en'; } 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 == "/") { $('a[href="/"]').attr("href", "https://www.sgtguides.com/home"); } /* ADD EXCLUSION NAV ITEMS */ $('.exclude-me,.exclude-me a').addClass('exclude'); $('.sqs-svg-icon--list a,.SocialLinks-link').addClass('exclude'); /* REMOVE OTHER LANGUAGES AND KEEP EXCLUDED ITEMS */ $('.multilanguage:not(".lang-'+lang+',.exclude")').remove(); }); </script> <div class=”language”><a href=/home class=”lang-en”>English</a> | <a href=/fr/home class=”lang-fr”>Français</a></div> Though, the only issue I am having still, is when I visit the websites of the different language home pages separately (It shows the navigation the way I want it.) Good! 😀👍 https://www.sgtguides.com/fr/home https://www.sgtguides.com/home But when I click on the English/French button on the site, the navigation still shows both versions of the navigation menus? Not good. 😪 Can anyone help with the issue? Thank you!

Our website url is: https://www.sgtguides.com/ I actually solved it and implemented what we needed. Thank you!

Hello, I am trying to remove the footer navigation for our site without removing the entire footer blocks. The design settings only gives me the option to remove footer entirely. Is there a code that can be used? Thank you in advance.

Yes, I have contacted UPS already. On their website under the UPS developer kit they have all of the appropriate coding but I'm not sure where to even start with it. I just reached out to another support agent at UPS to see if they can provide some guidance because they haven't been very helpful with the matter.

Site URL: https://www.styledent.com/ Hello, I am trying to integrate UPS onto our Squarespace site so our clients can create a shipping label directly on our site through UPS and print it out. Has anyone had any experience with integrating UPS onto their site with the UPS developer kit/APIs?