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 ?