Search the Community

Site URL: https://www.revenyou.com.au/ Hi SP Family, We recently built our website - www.revenyou.com.au. Used version 7.1. I built the site using folders and then within the folders I added pages. I made the folders so that they would like to pages that were not linked as we don't have the indexing option anymore. Now, the issue is when you go onto mobile, those folders do not display so in essence those header menu items are not displaying on mobile. I know this is due to the fact that they are in "not linked" and I can move them back but how do I get my folders then to have information for the readers? For example About Us is the Folder - has the "why use us" and "the team" And then another page as "industry awards etc" QUESTION: How do I make my folders visible on mobile?

Site URL: https://pte.squarespace.com/ password: Party Hello, We have a background video as the hero section for our home page and I'm not sure how to fit it for mobile. I've tried a couple of ways, but I couldn't get it to work. It has a 16:9 aspect ratio and I believe the longest side is 2000 pixels. Thanks, Patrick

Hello Squarespacers! On my page www.plutodesign.cz I use slide transition with arrows both on left and right which works as supposed to. ON MOBILE it doesn't (simply a stupid UI/UX decision), it uses just an arrow RIGHT, you never can go back left. Also "slide click through" doesn't work on mobile. Users can slide just right and be perplexed they can't go back. The worst part is, IF "fade transition" is used it works like a charm (I told you, stupid UI/UX) but it is not what it is supposed to look like on mobile. Is there a way I could remedy this design flaw with CSS? Thanks ahead for any good advice to solve this annoying problem!

Site URL: https://www.gabrielefranchini.it Hi, I'm using a 7.0 Forte Template on my website and I'm facing the same problem already described here: There is a bad responsiveness on index pages, no return button (you can't go back to a previously shown image). My question is how can I fix it? I saw that the guy who had the same problem found a solution in some way, but it's not public. My website is: www.gabrielefranchini.it PW: gf2021 Thank you!

Site URL: https://lightroom-masterclass.com Hi there, When browsing my site through clicking Instagram bio link, it takes me to my site but when scrolling down the header image expands which is really jarring and looks bad. I didn't change anything andd it's been working fine for a year, seems like it happened with the new styles update? Also when scrolling back up, the page jitters / stutters - this doesn't occur on chrome mobile browser for example. Any ideas? Thanks! Luke

Hey Guys, I've come across a weird issue with my newsletter block in the footer section. It looks wonderful on desktop, but on mobile the width of text is being shrunken to a smaller size. I've set the content width as far as it can go in the newsletter block options. Here is how it looks when viewed on mobile: What's also strange is when I go to edit this section it changes to how it should actually appear. See below: Any help would be awesome thank you so much! Site: JuniperDewdrop.com Password: penguin

Site URL: https://doceproductora.com i'm trying to disable mobile responsive design for my website. My website URL is: https://doceproductora.com

Site URL: http://www.mindfulrootsyoga.com Hi there - I'm trying to center contents on the mobile version of this site's footer. I'm so close, but tripping over the newsletter block. Help please!

Site URL: https://turkey-coral-wbtr.squarespace.com/config/ The logo for a site I'm working on is too small in mobile view. I am trying to figure out how to change the size in mobile view only and the CSS I have found in this forum is not working? I would so appreciate help with this!

Hello, I am having trouble with my logo size on mobile, it is tiny! Any help is greatly appreciated. Website is still a work in progress, link here https://www.franklyinteriordesign.com.au/ Thanks

Site URL: https://spinach-red-c8lb.squarespace.com Hi, I have managed to change the background of my site header to an image rather than a color for desktop. I would like to do the same for mobile. Please help with how to change the mobile top header to an image instead of a color. Thanks!

Site URL: http://www.littlepinetoys.com The first slide - the button covers products and the other two are just horrible 😄

Site URL: https://bastihansen.com/home Hey Guys! I figured out how to get only one row to show up on a mobile gallery (instead of two) via: // 1 Image Per Row On Mobile - 7.1 Version // @media only screen and (max-width: 640px) { .sqs-layout .sqs-gallery-design-grid-slide { width: 100% !important; } } However, now i have a client wall that i solved through a gallery as well. I made custom square client icons. they look great on desktop but look way to big on mobile (due to the one row css). I would love to see 3 or 4 rows on mobile for that specific gallery. Maybe there's a way to address that specific gallery throigh an ID and tell it what to do when a specific width threshold is met? I am completely new to CSS etc. Just guessing here. Any ideas? Thanks! 🙂 P.S. my complete custom css looks like this right now in case it's relevant: // 1 Image Per Row On Mobile - 7.1 Version // @media only screen and (max-width: 640px) { .sqs-layout .sqs-gallery-design-grid-slide { width: 100% !important; } } //Transparent Header .header { background: transparent!important; } //Shrink Your Logo #header .header-title-logo img { transition: max-height 800ms ease-in-out } #header.shrink { .header-announcement-bar-wrapper{ padding-top: 20px!important; padding-bottom: 20px!important; } .header-title-logo img { max-height: 80px; } } //Make Mobile Gallery One Column @media only screen and ( pointer : coarse ) and ( max-width : 1024px ), screen and ( max-width : 799px ) { .gallery-grid-wrapper { grid-template-columns : 1fr !important; } } //Disable Mobile Lightbox @media only screen and (max-width: 600px) { .gallery-grid-lightbox-link { pointer-events: none; } }

Site URL: https://www.michalgrzymski.com Hi everyone! I have a problem - my custom font Inter is showing only on desktop (all browsers) and not on mobile. I have read many threads on this forum and nothing helped. My website address is michalgrzymski.com The Inter font is used for everything except the body text. Any idea what to do? 😇 Custom CSS code: @font-face { font-family: 'Inter'; src: url('https://static1.squarespace.com/static/5d4b2a03a0186000010f5622/t/61e87bfcd7e554019945eb90/1642626044252/Inter.woff2') format('woff2'), /* Super Modern Browsers */ url('https://static1.squarespace.com/static/5d4b2a03a0186000010f5622/t/61e87bf767faf14f2c0711d3/1642626039316/Inter.woff') format('woff'), /* Pretty Modern Browsers */ url('https://static1.squarespace.com/static/5d4b2a03a0186000010f5622/t/61e8932f1e9b475edc6664af/1642631984266/Inter.eot'), url('https://static1.squarespace.com/static/5d4b2a03a0186000010f5622/t/61e832a0060c2d3f4ea7fc5e/1642607266623/Inter.ttf') format('truetype'), /* Safari, Android, iOS */; } .sqs-block-image .design-layout-collage .image-title p { font-family: 'Inter';} .sqs-block-image .design-layout-collage .image-subtitle p{ font-family: 'Yantramanav';} h1 { font-family: 'Inter'; font-weight: 700; font-style: bold; font-size: 72px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1em } h2 { font-family: 'Inter'; font-weight: 450; font-style: Regular; font-size: 33px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1em } h3 { font-family: 'Inter'; font-weight: 400; font-style: Regular; font-size: 18px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1em } body { font-family: 'Yantramanav'; font-weight: 400; font-style: Normal; font-size: 16px; letter-spacing: 0em; text-transform: None; line-height: 2em } .sqs-block-button .sqs-block-button-element { font-family: 'Inter'; } .sqs-block-image .image-block-outer-wrapper.design-layout-collage .image-button-wrapper .image-button a { font-family: 'Inter'; } .Header-nav { font-family: 'Inter'; } .has-site-title .Header-branding{ font-family: 'Inter'; }

Site URL: https://paigeowen.ca For some strange reason there is no customization for the Well's Template mobile menu. I've done some CSS to change the font, background, etc. How do I add and change the mobile menu hover. Another question - is there a way to change "MENU" to a + there is no option to change "Menu". Thanks!

Hello there, I am new to Squarespace and using 7.1. In mobile, when I pull up a product, I would like to change the order of the information blocks below the product image. The current order is : image - product title - price - quantity - add to cart - description. And all of this has a significant amount of unnecessary space between it. I would like to order all my products in mobile view as follows : product title - image - price - description - quantity - add to cart. Also, I can't seem to change the font color on the upper right corner of the image (that shows that there is more than one image to be viewed), I would like to make it white. Would be immensely grateful for any assistance !

Site URL: https://mmschristy.squarespace.com/ Hey! In 7.1 I've added two text blocks side-by-side on the footer of a website. On desktop it looks great, but on mobile the blocks stack on top of each other. How do I make them keep their columns? website: https://mmschristy.squarespace.com/ pw 1234

Site URL: https://zoranmilisicphotography.squarespace.com/ Hi there, I am using the momentum template to display a clients photography folio. I created a folder within the main navigation to display 'projects'. On desktop this views fine, however on mobile, the folder is automatically expanded to view all the pages within that folder. Is there a way to view just the folder 'projects' on mobile without viewing all the pages straight up? Password is : Zoran Many thanks for any help at all.

Site URL: https://www.thehairranch.com/ Hello! I'm trying to adjust the opacity of the white header on the mobile site. Tried all sorts of things. Nothing working. Any ideas?

Site URL: https://www.thehairranch.com/ So odd. On the desktop site, all 3 quotes appear. On the mobile site, only 2 quotes appear (the second column from Kristen and third column from Eileen). The quote from Tammy (the first one or left side) is missing. Cannot figure this out. Been looking for 2 days now. I must have hid it somehow? Any suggestions? Thank you in advance!

I am using the Maca template and want my mobile menu to all stay on one place instead of jumping to a second screen for the one folder on there. site: forevernostalgia.co password: fono2022

Site URL: https://www.meganhochstrasser.com/ I have three main words ("projects") listed on the homepage of my site (screenshot 1). They look great on desktop but on mobile, the word "Communication" is so large that it extends off the screen. This is also happening in the header on the Communication page (2) and in the bottom-screen navigation that directs users from the Science page to the Communication page (3). Is there a way to adjust these without making them smaller on desktop? https://www.meganhochstrasser.com/, pw: J@s7w^3$U3GYwv Thank you in advance for any help!

Site URL: http://thenopi.org/impact Hello, It seems the first character of the chart label is cutting off on desktop and mobile. Additionally, the first character of Gallery Images H3 is also cutting off on mobile. Help is appreciated!

Site URL: https://oval-antelope-wzp3.squarespace.com Hi. I've been trying (for longer than I care to admit) to figure out how to adjust the height of an auto layout list on the mobile version of the site. Thus far, I've only been able to move the text and buttons around... no luck actually adjusting the height of the section. Any suggestions? Thanks!

Site URL: https://roamerbatteries.com/bms-app Hello, Please may you help? I am trying to keep the 'app store' and 'play' logo side by side on mobile rather than stacked on top of each. I have figured out how to reduce the size of them but cannot figure out how to create two columns (top section of my website) I would also like the section 'Check battery status, faults and alarms' to stack text first on mobile as looks weird. It would be great if it was the same order as 'Monitor real-time data from you phone' and 'Control and configure battery protection' sections. Thank you Holly