AnnaRadzicki

nav.header-nav-list { display: flex; width: 100%; border-top: 5px solid #FF3120; border-bottom: 5px solid #FF3120; background-color: #FF3120; }

I added some custom code to get this red strip across the top of our website. Recently though, every time the website loads a page ( even bouncing from one page to another) it has a white line in between and then loads normally. I attached a photo of what is looks like before it fully loads, and what It looks like after ( i would like to only have the after). Is there any code or changes needed in my current code that can fix this problem, I am somewhat at a dead end here. Thank you!

I purchased a mega menu plug in from : https://www.will-myers.com/, and I am try to adjust the size of the drop down width. The content was added into the footer, but the drop down itself takes up 100% of the screen, and this looks really weird for how little is in the FAQ dropdown (attached) . Is there anyway to make it adaptive to how much content is inside the menu? or if not, at least just make it smaller in general? Thank you!

I have tried almost everything to no avail!! I am looking to have 4 icons in total with text below like the attached snippet. Each icon has an underlining hover effect, and when clicked on a light box pops up. Is anything like this possible ? A lot of code options are giving me issue with the product add to cart button as well. URL: https://www.kalglo.com/

I know this is a little bit different but I have tried almost everything to no avail. I am looking to have 4 icons in total with text below like the attached snippet. Each icon has an underlining hover effect, and when clicked on a light box pops up. Is anything like this possible ? URL: https://www.kalglo.com/

Is there anyway to change the text color? Thank you!

I tried this with 7.1 but the code loads on the header first, then disappears with no image?

WOAH! I never knew you could do this, thank you!!!

Truthfully, something is going on with all my uploaded photos, but i can always reupload them without an issue. With the products though, when i reupload its still leaving this white box

I don't understand what is happening, but this morning I woke up and on my phone you can see all the photos for my products but not on my desktop. I reuploaded my product photos, but its acting like their is a a "white block" type photo. When I go into edit product, it doesn't show any photos can be deleted by there is a gap in between the reuploaded photo. Attached is a photo of what it looks like on my phone, desktop, and the edit product. I had a photo uploaded into additional info, that has just a green landscape, and when i right click and as to open image in a new tab, it cannot find that url??? Any help would be so helpful!!

Okay so after HOURS of searching for an answer, I found a solution!!! Fill this code out with your business information, it currently has the company information for Kalglo, so adjust your information as needed. Business name, address, hours, etc. <script> document.addEventListener("DOMContentLoaded", function() { var elements = document.querySelectorAll('script[type="application/ld+json"]'); elements.forEach(function(element) { try { var jsonData = JSON.parse(element.innerHTML); // Update LocalBusiness schema if (jsonData['@type'] === 'LocalBusiness') { if (!jsonData.name || jsonData.name === "") { jsonData.name = "Kalglo"; } if (!jsonData.url || jsonData.url === "") { jsonData.url = "https://www.kalglo.com"; } if (!jsonData.logo || jsonData.logo === "") { jsonData.logo = "https://images.squarespace-cdn.com/content/v1/660c4e785b13d204bb3dfc63/f5f5b942-da83-4772-b834-ea447cefeb4c/kalglo+logog.gif?format=1500w"; } if (!jsonData.address || jsonData.address === "") { jsonData.address = { "@type": "PostalAddress", "addressLocality": "Fogelsville", "addressRegion": "PA", "postalCode": "18051", "streetAddress": "2010 Sunset Drive", "addressCountry": "US" }; } if (!jsonData.telephone || jsonData.telephone === "") { jsonData.telephone = "(610) 837-0700"; } if (!jsonData.priceRange || jsonData.priceRange === "") { jsonData.priceRange = "$$"; } if (!jsonData.currenciesAccepted || jsonData.currenciesAccepted === "") { jsonData.currenciesAccepted = "USD"; } if (!jsonData.paymentAccepted || jsonData.paymentAccepted === "") { jsonData.paymentAccepted = "Credit Card, PayPal, Klarna"; } if (!jsonData.openingHoursSpecification || jsonData.openingHoursSpecification.length === 0) { jsonData.openingHoursSpecification = [ { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ], "opens": "08:00", "closes": "17:00" } ]; } element.innerHTML = JSON.stringify(jsonData); } // Update Organization schema if (jsonData['@type'] === 'Organization') { if (!jsonData.legalName || jsonData.legalName === "") { jsonData.legalName = "Kalglo"; } element.innerHTML = JSON.stringify(jsonData); } } catch (e) { console.error("Error parsing JSON-LD: ", e); } }); }); </script> Copy the updated code and check the validity with https://search.google.com/test/rich-results. If all looks good copy and past the code into Code Injections, Footer. You can test your website with https://search.google.com/test/rich-results to make sure everything is working properly. I hope this helps!

Maybe I am just confused, but when i add more image blocks they are stacked on top of each other not side by side?

If i upload these individually, would I still input them into additional info? Would there be a code needed to have them look how they are currently on desktop, but have multiple rows for mobile? I appreciate your help!

Hello! I uploaded a picture ( free shipping, trusted since 1969, etc.) into additional info. section, but when I switch my view to mobile, it looks terrible. I uploaded a picture of the view on both below. Is there any code or anyway to fix the size/look on mobile only? URL: https://www.kalglo.com/ Thank you!

I am looking to see if there is anyway to take this image (which is currently uploaded into additional information ) and have it underneath the product gallery photos? If not, then is there anyway to get it below the add to cart button ?

Created a CSS code that moves the "add" button under product add ons: } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button { width:55px !important; height: 55px !important; margin-left: 200px !important; margin-top: -40px; }

My website is https://primrose-gar-cl8a.squarespace.com/ I have been looking everywhere and cannot find a solution so maybe its just not possible. I want to change the arrows on the quantity box listed on the product page. Instead of up and down, I was hoping to have a - icon on the left of the quantity and a + on the right of the quantity like the picture attached. I can't even find a plugin!

any answer on this?

Weirdly enough, this still didnt work, only made the red space bigger, which is the problem I was running into when I was trying this before bringing it to this thread. I guess its not a big deal, but wish there was some way to fill the gaps. Thanks for your help!

primrose-gar-cl8a.squarespace.com/

I am using the CSS custom section in squarespace but using chrome as my browser. I am not sure that actually answers your question or no, i apologize!

Would there be any chance to get the box to stick while looking through the dropdown menu as well, i have looked everywhere. I appreciate your help!

The looks better for the width, but is there anyway to fill the gaps on the top and bottom that are still showing red? Thank you!

Looking to move the + and button to the right and am struggling with any codes at all. I found a code to change the size but no matter what I input i cannot move it. Any suggestions?

primrose-gar-cl8a.squarespace.com