georgiamather

I need help changing the mobile logo on the homepage of a website I'm building out. I want the logo to be black on every other page but white on the homepage as it overlays an image. I've managed to do this on both desktop and when you open the hamburger menu on mobile, but I can't get it to change on the standard mobile home page screen. Can anyone help? https://tortoise-mango-mpwf.squarespace.com/ PW: studiowednesday

Thanks @Ziggy. I've already found these tutorials and they arn't quite achieving what I'm after. Assuming it's probably a javascript tutorial I'm after.

Hi, I'm looking for advice on how to recreate this logo header effect? https://www.thesstudio.co/

I'd like to replace the red border underneath the logo and main navigation with a PNG/SVG of a squiggly line. Any suggestions?

That works @paul2009 Thank you so much!

Doesn't work unfortunately ;(

I'm building out a clients 'Our Work' page using the 'Portfolio' page in Squarespace and need to be able to make certain projects on the page unclickable. E.g the first two options (Dr Freckle and Clear) will click through to a more in-depth portfolio page but the Creative Toy Shop example just needs to be a static image with no click through function (they just want to show that they have done facebook ads with this client). Any suggestion on how I can do this? https://gerbil-tangerine-hr7k.squarespace.com/our-work PW: freckle

Thank you for this code! So it definitely works in terms of showing a button, however it's taking me to the wrong spot. I've added the widget to a hidden page so you can see what pop up screen it is meant to link too: https://weareenough.com.au/gift-voucher-test

Site URL: https://www.weareenough.com.au/ I need to add a gift card widget to a websites navigation. I've added a circle to a screenshot of where I need it to sit. (or at least somewhere in the navigation area). This is the code I've been provided but it simply doesn't work when I follow the instructions. Is anyone able to assist? <!––Place this script into your webpage's head section.––> <script type="application/javascript" async id ="sc-widget_launcher" src="https://d19ujuohqco9tx.cloudfront.net/ols-prod-giftcard-ui/widget-injector/sc-widget-launcher.js" data-ruleset_id="6364" data-currency_code="AUD" data-activation_option="3" data-widget_label="Gift vouchers" data-liable_site_id="40369" data-popup_width="480" data-popup_height="840" data-host="https://d19ujuohqco9tx.cloudfront.net/ols-prod-giftcard-ui" ></script> <!––Place this button or link into your webpage's body where you want the widget launcher to display.––> <input id="sc-widget_launcher_button" type="button" value="Purchase giftcard!" onclick="launchShortcutsWidget();"> <a id="sc-widget_launcher_link" href="#" onclick="launchShortcutsWidget();">Purchase giftcard!</a>