Ellagrace

I've managed to set up my carousel with all the imagery and remove the arrows, however I find when I go onto mobile only one image shows, I would prefer it if you could have a sneak preview either side of the other logos. I thought "show adjacent slides" would work but there still only one image. We want it to look like the two images, instead of just one:

I can't change my font for some reason I've followed the instructions on various websites which all look the same, but it doesn't change the font, and it removes my secondary logo and blue hamburger menu. Is there a way to disable changes made to my header and secondary navigation image whilst changing a custom font file?

Wow thank you so much, that worked!

Hi Tuanphan, Unfortunately that didn't work 😞

Yes no problem, Its more visual tbh rather than not having one at all, I wouldn't mind the scroll on the homepage, but we want the mobile hamburger menu to look cleaner as I think the X when you click onto the hamburger menu looks out of alignment due to the scroll bar, but I could be wrong. https://gerbil-sepia-2p62.squarespace.com/config BetterGas14

I've tried multiple different codes and I have been able to disable the scroll on mobile but not on the hamburger mobile menu. I have used this for the desktop code injection > header <style> body { overflow-y: hidden; } </style> And I have tried other code from various forums on squarespace in the custom css too; but they haven't given me the results I need. Does anyone have an answer? should I put putting header-mobile ?

Hi, I want the phone icon to be next to the 24/7 text in the centre of the site header. Ive used this code, but unfortunately the phone doesn't align with the 24/7 in the centre of image and the announcement bar is smaller on mobile, is there a way to have it consistent across mobile and desktop? .sqs-announcement-bar:before { content:""; background-image: url(https://static1.squarespace.com/static/652fee9abe21e6017b6b6127/t/654d33a98e0665620504186b/1699558313958/phone.png); background-repeat: no-repeat; background-size: 100%100%!important; padding: 0.1vw; padding-inline: 0.1vw; float: left; margin-top: 1.3vw; margin-left: 20vw; width: 2vw; height: 2vw; } .sqs-announcement-bar-text {margin-right: 1vw; height: 3vw }

Perfect, resolved! 😄

I think I've just injected some CSS for the navigation, and not the mobile. Should I share the code I put in? 🙂 The site isn't live yet, so I've tried to set a password, this may work: https://gerbil-sepia-2p62.squarespace.com/config/?frameUrl=%2F BetterGas14

Hi Saranya, Yes this one is a different site, we're recreating this one in squarespace, heres the link to the site 🙂 https://gerbil-sepia-2p62.squarespace.com/config/?frameUrl=%2F BetterGas14 Thanks 🙂

Could someone tell me why the two logos works on the desktop navigation, but not on mobile? I want to have two images in the mobile navigation. I've managed to put the image in the header navigation on desktop, but it's not visible on mobile, as shown below. I'd like the logo to the left, and "gas safe logo" on the right with the hamburger menu still central underneath.

hey Ziggy, I've tried some of these but unfortunately they haven't worked; its just the mobile aspect that I'll having trouble with. It works on desktop 🙂

I want to have two images in the mobile navigation. I've managed to put the image in the header navigation on desktop, but it's not visible on mobile, as shown below. I'd like the logo to the left, and "gas safe logo" on the right with the hamburger menu still central underneath.

I need to change the direction of the dropdown arrows to look like this, can anyone advise if there's any css code for this:

I was looking to change my cart button to feature the price instead of the amount of items in your cart. Is this possible?