Madz07
Circle Member-
Posts
14 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
Madz07's Achievements
-
Madz07 started following Double header menu and Page Colour Theme different on a Mac??
-
Hi all, I've recently built a client website - and they've just emailed me with the following issue: "Im finally getting round to launching the website and just noticed something strange. When a friend was viewing the page of his MAC there was a different font colour making the text unreadable and the background stone image was a lot more clear. When I view it on my Dell laptop it looks completely different and how im happy with it. When its viewed on mobiles from both Mac and Android devices it looks the same as when viewed on my PC (correct). Below are screen grabs from my Dell PC and a friend’s MAC." (I work on a Mac and have checked the site on chrome - and there's no issues with the colour/overlay as shown below...) Any ideas on how to rectify this please or why it's happening?
-
anonymous0007 reacted to a post in a topic: Google not indexing lots of pages on my website
-
The code above is in custom CSS. This is in the footer: <!-- Split Section Javascript from Will-Myers.com --> <script src="https://code.jquery.com/jquery-3.5.1.js"></script> <script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/splitSections@3/javascript.min.js"></script> <!-- Split Nav Code schwartz-edmisten.com --> <script> document.addEventListener("DOMContentLoaded", function() { const headerTitleNavWrapper = document.querySelector(".header-layout-branding-center-nav-center .header-title-nav-wrapper");const headerNav = document.querySelector(".header-layout-branding-center-nav-center .header-nav");const clonedHeaderNav = headerNav.cloneNode(true); headerTitleNavWrapper.prepend(clonedHeaderNav);setTimeout(function(){ headerTitleNavWrapper.classList.add('has-nav'); }, 200); }); </script> <!-- end Split Nav Code schwartz-edmisten.com --> <!-- Scrolling Website Images from Will-Myers.com --> <script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/websiteMockupDisplay@1/javascript.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/VideoElement@1/javascript.min.js"></script>
-
Sure - // Website custom fonts H1&H2 // @font-face {font-family: Gelica_Bold; src:url(https://static1.squarespace.com/static/642dcb2550586d096be3684b/t/642ecd469dfb5b75abb71505/1680788806415/Gelica-Bold.woff)} h1 {font-family:'Gelica_Bold'!important; letter-spacing: 0.01em;} h2 {font-family:'Gelica_Bold'!important; letter-spacing: 0.01em;} // Blog Page Post Title // .blog-title { font-family: Gelica_Bold !important; } // Blog Post Entry Titles // .blog-item-title h1.entry-title { font-family: Gelica_Bold !important; } // Site Title // .header-title-text a { font-family: Gelica_Bold !important; } // Cookie Icon For Cookie Banner (Light Theme) - Ghost // .sqs-cookie-banner-v2:before { width: 40px; height: 40px; margin: 10px 0px 10px 8px; background: url(https://static1.squarespace.com/static/5ba5e044b10f25cb908c506f/t/643244ea2c60610ca8607748/1681016042453/cookie_dark.png) center center no-repeat; background-size: contain; display: inline-block; content: ""; } /* =================================== SPLIT NAVIGATION STYLING =================================== */ @splitAfterItem: 2; @actionSize: 350px; @logoSpacing: 2vw; //Width at which nav will stack @media screen and (min-width:1200px) { //Dynamic Nav font size #header .header-nav-item { font-size: clamp(8px,calc(~".6vw + 5px"),18px); } //Split Structure #header .header-layout-branding-center-nav-center .header-display-desktop .header-title-nav-wrapper { display: grid; grid-template-columns:1fr auto 1fr; .header-nav,.header-title { grid-row-start: 1; } .header-nav { margin-top: 0; } .header-nav-item a { opacity: 0; transform: none!important; transition: opacity .3s linear; } &.has-nav .header-nav-item a{opacity:1!important;} .header-title{grid-column-start:2;} @splitOne: @splitAfterItem + 1; .header-nav:first-child .header-nav-list > div:nth-child(n +@{splitOne}) {display: none;} .header-nav:not(:first-child) .header-nav-list > div:nth-child(-n +@{splitAfterItem}){display:none;} //Left side nav .header-nav:first-child { display: block; text-align: right; margin-right: @logoSpacing; .header-nav-list { justify-content: flex-end; } } //Right side nav .header-nav:not(:first-child) { text-align: left; margin-left: @logoSpacing; .header-nav-list{justify-content:flex-start;} }}} //Give nav more width #header .header-layout-branding-center-nav-center .header-display-desktop { .header-title-nav-wrapper { flex: 0 0 calc(~"100% - @{actionSize} * 2"); } .header-actions{ width:@actionSize; flex: 0 1 @actionSize; max-width: @actionSize; } //hide left side nav when stacked .header-nav:first-child { display: none; } } /* =================================== end SPLIT NAVIGATION STYLING =================================== */ #block-yui_3_17_2_1_1684143065515_3196{ --wm-plugin:websiteMockup; } /** * Scrolling Website Images * From Will-Myers */ .wm-website-mockup-block { --scroll-speed: 16s; --border-color: black; --border-thickness: 2px; --shadow: var(--medium); --mobile-arrow-thickness: 2px; --mobile-arrow-size: 10px; --mobile-arrow-color: white; --mobile-bkg-color: #ffffff; --mobile-bkg-opacity: 0.25; --scrollbar-width: 2px; --scrollbar-color: #333; --scrollbar-track: #ccc; --aspect-ratio: 16 / 9; --tablet-aspect-ratio: 3 / 4; --mobile-aspect-ratio: 3 / 4; --hover-scale: 2; --hover-speed: 0.8s; --hover-shadow: var(--medium); } /* ---- END ---- */ #block-yui_3_17_2_1_1684144367870_13797{ --wm-plugin:websiteMockup; } /** * Scrolling Website Images * From Will-Myers */ .wm-website-mockup-block { --scroll-speed: 16s; --border-color: black; --border-thickness: 2px; --shadow: var(--medium); --mobile-arrow-thickness: 2px; --mobile-arrow-size: 10px; --mobile-arrow-color: white; --mobile-bkg-color: #ffffff; --mobile-bkg-opacity: 0.25; --scrollbar-width: 2px; --scrollbar-color: #333; --scrollbar-track: #ccc; --aspect-ratio: 16 / 9; --tablet-aspect-ratio: 3 / 4; --mobile-aspect-ratio: 3 / 4; --hover-scale: 2; --hover-speed: 0.8s; --hover-shadow: var(--medium); } /* ---- END ---- */ #block-yui_3_17_2_1_1684145403876_4148{ --wm-plugin:websiteMockup; } /** * Scrolling Website Images * From Will-Myers */ .wm-website-mockup-block { --scroll-speed: 16s; --border-color: black; --border-thickness: 2px; --shadow: var(--medium); --mobile-arrow-thickness: 2px; --mobile-arrow-size: 10px; --mobile-arrow-color: white; --mobile-bkg-color: #ffffff; --mobile-bkg-opacity: 0.25; --scrollbar-width: 2px; --scrollbar-color: #333; --scrollbar-track: #ccc; --aspect-ratio: 16 / 9; --tablet-aspect-ratio: 3 / 4; --mobile-aspect-ratio: 3 / 4; --hover-scale: 2; --hover-speed: 0.8s; --hover-shadow: var(--medium); } /* ---- END ---- */ #block-yui_3_17_2_1_1684145625438_3579{ --wm-plugin:websiteMockup; } /** * Scrolling Website Images * From Will-Myers */ .wm-website-mockup-block { --scroll-speed: 16s; --border-color: black; --border-thickness: 2px; --shadow: var(--medium); --mobile-arrow-thickness: 2px; --mobile-arrow-size: 10px; --mobile-arrow-color: white; --mobile-bkg-color: #ffffff; --mobile-bkg-opacity: 0.25; --scrollbar-width: 2px; --scrollbar-color: #333; --scrollbar-track: #ccc; --aspect-ratio: 16 / 9; --tablet-aspect-ratio: 3 / 4; --mobile-aspect-ratio: 3 / 4; --hover-scale: 2; --hover-speed: 0.8s; --hover-shadow: var(--medium); } /* ---- END ---- */ /* Vertical Line */ .vertical-line { height: 100px; /* line height */ width: 1px; /* line width */ background: #fafafa; /*line colour*/ margin-right: auto; margin-left: auto; } #block-yui_3_17_2_1_1684502781192_7018 { --wm-plugin:websiteMockup; } /** * Scrolling Website Images * From Will-Myers */ .wm-website-mockup-block { --scroll-speed: 16s; --border-color: black; --border-thickness: 2px; --shadow: var(--medium); --mobile-arrow-thickness: 2px; --mobile-arrow-size: 10px; --mobile-arrow-color: white; --mobile-bkg-color: #ffffff; --mobile-bkg-opacity: 0.25; --scrollbar-width: 2px; --scrollbar-color: #333; --scrollbar-track: #ccc; --aspect-ratio: 16 / 9; --tablet-aspect-ratio: 3 / 4; --mobile-aspect-ratio: 3 / 4; --hover-scale: 2; --hover-speed: 0.8s; --hover-shadow: var(--medium); } /* ---- END ---- */ a.grid-item[href="/work/videography-brand-identity-development-website-design-gerallt-evans-metalcraft"] h3:after { content: "Gerallt Evans Metalcraft"; display: block; font-size: 26px; } a.grid-item[href="/work/explainer-video-website-design-motion-graphics-greendocs"] h3:after { content: "greendocs"; display: block; font-size: 26px; } a.grid-item[href="/work/re-brand-video-marketing-estate-agent-tlc-property-wales"] h3:after { content: "TLC Property"; display: block; font-size: 26px; } a.grid-item[href="/work/website-design-case-study-oakwill-flooring-north-wales"] h3:after { content: "Oakwill Flooring"; display: block; font-size: 26px; } a.grid-item[href="/work/animated-ident-app-qcast-london-motion-graphics"] h3:after { content: "QCast"; display: block; font-size: 26px; } a.grid-item[href="/work/logo-design-brand-develoment-video-marketing-wales"] h3:after { content: "Margarita Margherita"; display: block; font-size: 26px; } a.grid-item[href="/work/animated-logo-instagram-influencer-baby-led-eating"] h3:after { content: "Baby Led Eating"; display: block; font-size: 26px; } a.grid-item[href="/work/website-design-photographyvideography-pdq-northamptonshire"] h3:after { content: "PDQ Contract Flooring"; display: block; font-size: 26px; } a.grid-item[href="/work/animated-ident-sound-design-for-nft-platform-verse"] h3:after { content: "Verse"; display: block; font-size: 26px; } a.grid-item[href="/work/videography-composing-soundtrack-mission-southstack-wales"] h3:after { content: "Oakwill Flooring"; display: block; font-size: 26px; } h1 a, h2 a, h3 a, h4 a { text-decoration: none !important; } p a { text-decoration: none !important; } HOSTED FILES mir ldn https://static1.squarespace.com/static/642dcb2550586d096be3684b/t/655753f7ce21532e0aa3a05d/1700221943173/MIR+LDN_Email+sig+logo.png Yoke graphics for email sig https://static1.squarespace.com/static/642dcb2550586d096be3684b/t/6557568baedd1e6e5146e7be/1700222603821/MI+LDN+Logo-email+sig2.png https://static1.squarespace.com/static/642dcb2550586d096be3684b/t/6557bd6245f1f157cdc10550/1700248932026/Bouncing-Y_B%26W-v2_small.gif https://static1.squarespace.com/static/642dcb2550586d096be3684b/t/6557c44b84de84475a743c42/1700250699322/Yoke_Instagram+icon.png https://static1.squarespace.com/static/642dcb2550586d096be3684b/t/6557c44be135f1525105d4c1/1700250699311/Yoke_Youtube+icon.png https://static1.squarespace.com/static/642dcb2550586d096be3684b/t/6557c44b5b8dcd3d42653ac0/1700250699350/Yoke_Linkedin+icon.png
-
Ok, thanks. I've just tried this, but it still looks the same. Is it only custom code in the header that could cause this? Would custom CSS cause this issue? It just seems funny that it's happened at exactly the same time our custom fonts disappeared. Last time this happened it was when Squarespace had an update. Is there anything else I could try?
-
Yes - here's what's there; <!-- Split Section CSS from Will-Myers.com --> <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/splitSections@3/styles.min.css" id="wm-split-css"> <!-- Scrolling Website Images from Will-Myers.com --> <link rel="stylesheet" id="website-mockup-css" href="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/websiteMockupDisplay@1/styles.min.css"> <link id="wm-video-element-css" rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/willmyethewebsiteguy/VideoElement@1/styles.min.css"> <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script> <script> Weglot.initialize({ api_key: 'wg_a1bc31cedb26f2d2a05609ff8395edfd6' }); </script>
-
of course - https://www.yokecreativeagency.com/ Thankyou
-
Is there any way of finding out which custom script is causing the issue without removing it all?
-
I logged into my site yesterday, and saw that our header menu is now doubled... (see ref pic) I have no idea why/how this has happened. I have spoken to customer support and they have said I need to disable custom scripts. Can anyone shed light on this for me please? At the same time, we had a custom font for our H1's - that's disappeared too...
-
Hi All, We have designed a few websites on Squarespace and never had the following problem before? Many of our pages are not being indexed by Google and we can't find a reason why. There are no errors and Google says the URLs are live and can be indexed. We have been trying with the pages for a couple of months but still no joy. Also strangely we have recently put a couple of new blogs up and a new page on Our 'Work' section and they have been indexed straight away. These pages have different content and no duplicate content plus we have followed all the SEO best practices etc... I've tried at the Squarespace help but found I went round in circles with things I had already done. Help would be much Appreciated ! Many Thanks James
-
Madz07 reacted to a post in a topic: Custom Font Stopped Working For No Reason
-
Thankyou Paul. My clients that I'm designing for already have their processes in place, the only thing they wish to do is to have a 'Pay invoice' button on a page that takes you to checkout. I have just seen that Stripe now offer this as a pre-built form to link a button to - but the only issue I have now is to add a custom line to add invoice number...
-
Hi, has there been any update on this topic please? Hoping that Squarespace have made these changes in 2023 and a 3rd party is no longer needed ...