Search the Community

Site URL: https://meiaestheticsco.com/ Hi all, I am wondering if there is a way to get my mobile navigation "more info" section which is a folder, into a drop down menu instead of going to another page? An example I really like is on the mobile version of lashaffair.com. When you click on either nav items it drops down to more pages so it's all on one section. Thank you!

Site URL: https://blenny-daffodil-5dzg.squarespace.com/ Password : ProdigySite2021 Currently the nav works where the link you are currently on is coloured but additionally I want a box around only the currently selected tab. I am running into more issues I need fixed such as the colour only being there when at the top of the page. And on certain laptops the text doesn't stay on one line. I was trying the buttons style for the nav but it made 3 rows of buttons for example. How do I ensure text stays on one line no matter the laptop (aside from mobile devices).

Site URL: https://lizard-chartreuse-ftf8.squarespace.com/ Hello community! https://lizard-chartreuse-ftf8.squarespace.com/ Password: solar2020 Trying to make the mobile menu overlay over the background image the same as it does on the desktop view. I found a bunch of code on the answers forum, but nothing is working for my site... Thanks in advance.

Site URL: http://www.theblackgryphon.com Howdy– So, I'm trying to position a logo to the bottom right of the hero/header image. I've been trying to mess around with absolute positioning but I keep hitting a wall. Maybe I'm just not looking at it from the right perspective? Any help is super appreciated.

I'd like to have an image block that changes what image is shown based on which item in list has been clicked. In other words, when you click on the second item in a list, the image on the left changes to show a different image that is associated with that list item. See below for a screenshot of what I am trying to achieve. Ability to rotate through list items and corresponding photos would be nice but is not essential. My website is using Brine template. Thanks for any suggestions or tips!

Site URL: https://raspberry-ladybug-nhm8.squarespace.com/config/pages Hello, I'm trying to figure out if there is a way to resize some of the photos for the mobile version and tablet. My homepage looks terrible on these two versions. and the flower doesn't look so great either. the images are too cropped. How can i have a smaller version of the images that fits fully Thank you.

Hello I'd like to add a floating button on the right side of my page. Is there a quick fix for this? Thank you all a lot.My website is lovemoves.de

Site URL: https://blenny-daffodil-5dzg.squarespace.com/ I want to make a 2 column bullet point list without editing any other text on the site or around the bullet list. On the site the third banner on the intro page with a bridge for a background. Second group of text has a list of bullets that is what I want to become 2 columns and to in the future be able to change or add the content of the bullets.

Site URL: https://blenny-daffodil-5dzg.squarespace.com/ Password : ProdigySite2021 I have 2 forms on the "lease" tab and want a second submit button for the first form, how do I make a second submit button for the form? I want one button for "Submit and have a company rep contact you" and a second button for "Submit and continue to second form".

Site URL: https://www.bottlerocketrecording.co.uk/ Hi @tuanphan, I've recently redesigned my site – transferring from Pacific to Brine (in favor of more editing options). It's not been the smoothest of transitions and I've had to dip into CSS to facilitate what I'd thought were some pretty basic requirements. Anyway I'm pretty much there now apart from some frustrating glitches on mobile view, as explained below. On mobile: The header at the top keeps mysteriously adding 8px + worth of padding to the top and bottom which is contributing to – if not wholly – causing it to obscure my section headings when using index scrolling from the hamburger menu. I've isolated the .mobile bar section and removed 8px with CSS but if you compare it to the desktop view there is clearly still more white space added around my branding box. Cosmetically – I'd obviously rather it were thinner but it's not that big a deal, but I do need it not to obscure my headings during scrolling, so it has to be fixed one way or another. On Mobile, BLOG PAGE: There is another mystery white space between the "Notes from the Studio" intro Banner and the nav/branding bar at the top. I've tried reducing padding to that area using CSS and site styles. In most cases just causes the "notes from the Studio" banner to be chopped into. I've also tried that banner image in a number of different shapes and sizes and always get the same issue. Furthermore there have been many occasions where I seem to have fixed it – I go to my mobile device immediately after editing and it displays perfectly as as it should. Then then on reloading the page – the white space jumps back – almost saying "WAIT, I'M STILL HERE!, pushing the banner down again. This has been incredibly frustrating, especially when resizing and adjusting the padding to the "notes from ..." image block. In the section editor, Squarespace will show that I've solved the problem – everything looks fine – and then I open it on my actual phone and the white space is either still there or I've chopped the top or bottom off my banner. My only conclusion is there must be some rogue code somewhere that's over-riding everything or even a ghost block that can't be deleted that is pushing things to flow around it. Hoping someone can shed some light! Thanks!

Site URL: https://ladybug-vuvuzela-psmw.squarespace.com Hoping someone can help. I am trying to add some horizontal lines in my website, but I need them to occupy the full width (minus the website’s overall margins) of any screen view — in other words to appear in desktop view like the do in mobile. Thanks.

Hey hi, i have seen on the forum the exact same question i'm posting right now but none of the answers work for me so here i am. I’m trying to remove the navigation bar from a specific page on my maple inn template (brine family). I'v read that i should insert this code : body#collection-5d58db8548099500014d80bb nav.Header-nav.Header-nav--primary { display: none; } But it doesn't work. Is there another way to do it or should i modify something in the code ? Thx in advance for your help !

So I am building a website using the Impact template in the Brine family. I kept much of the original formatting, as it worked well for my client, including the large block header 1 format. However, one of my banner page titles has a word ("recreational") that is too long for the mobile view and getting cut off or wrapped mid-word (I included a screenshot). How do I change the font-size only on this page, and only for the mobile view? I don't want the font-size to change on the full-screen size; and I want the other mobile-view page title font-sizes to remain the same. Site: Recreational Therapy page

Site URL: https://sellwoodmoreland.com/businesses Hi! I am trying to find a way to show the read more link on specific blog posts. It will be for a business directory that will only link to the full profile (blog post) if they are a paid member. I've used CSS to turn off the image and title from linking to the blog post. Should I create links in the excerpt and use code to style them as buttons? If so, any help on what the code should look like? Or can I use the Source URL to link the blog post for those who should show a read more link and then create code to target that? Currently, the Read More button is showing for each post. Here is the webpage and password: https://sellwoodmoreland.com/businesses SMBA2021

Site URL: https://llama-garlic-dmnw.squarespace.com/ Hi I'm a newbie to Squarespace but I have been designing on WP for quite a while. I'm looking to create a banner like this at the top tinyurl.com/4965ak6y But struggling messing around with reducing margins - padding etc. On the mobile view the H1 disappears completely. Would anyone be able to advise on the best way to get around this? Many thanks Nicola

Site URL: https://www.laurenvasquezwellness.com/home Hi there, I'm looking for a snippet of CSS to improve the way my summary block loads on mobile. Right now it's looking too crowded. Is it possible to make it so only one image + title loads on mobile with the arrows to scan through?

Looking to update the background color for the access denied screen for Member Areas on a Brine template with version 7.0 when using the Index Page specifically.

Site URL: https://www.maartenrots.nl/ Hi there, I'm using Brine (Moksha) and would like to have the social icons in the footer instead of the header. It would be great to get some help with this, thanks!

Site URL: http://kimpercival.com When I click on my accordion drop down, the background doesn't expand to be able to see all the text. I cannot figure out how to address this. See images below for an example. Any assistance would be appreciated. I am using Brine template in 7.0

Site URL: https://raspberry-ladybug-nhm8.squarespace.com/config/ Hi, I'm not an expert at building a website. I have been looking at ways to make my logo on the mobile version bigger as it looks tiny. I'm on the Brine, 7.0 version. is there a special CSS code I can use? I saw a few options but it didn't work. I'm also wondering if there is a way to resize some of the photos for the mobile version and tablet. My homepage looks terrible on these two versions. and the flower doesn't look so great either. Thank you.

Site URL: https://girlwithoutatripod.com/ I would like to be able to enlarge the product photos when clicked on or hovered over to expand the image size to full-screen or at least close to. I use Brine, version 7.0 Would anyone now how to make this possible? It would be incredibly useful for people to be able to see closer detail of what they are considering buying. Thanks!

Site URL: https://plane-tunny-45nr.squarespace.com/archive/magicalcrisis Hello! password= test my site uses the maple theme which is part of the brine family, because of this it is supposed to have ajax loading/lazy loading of images. The ajax loading works properly on normal pages, but does not work on blog posts, this is especially clear when viewe on mobile, the images on the blog load slowly because there are so many high resolution images that are all being loaded out of order, so even if the viewport is at the top of the page, resources are being used to load images at the bottom thus making image loading at the top very slow this page works properly with the ajax https://plane-tunny-45nr.squarespace.com/testajax this blog post does not https://plane-tunny-45nr.squarespace.com/archive/magicalcrisis I only have the squarespace personal plan, I know that there is a lazy loading plugin available for plans with code injection however I would prefer not to upgrade just to get lazy load when it is supposed to be included. How can I make lazy load/ajax load work properly for blog posts on the personal plan while using the brine theme? it is my understanding that this is supposed to work automatically and is a bug. Is there a work around without upgrading?

Hi is there any tweak to make images in a slideshow to open in a lightbox at click? The option is only available on the grid layout on my template (VOW)

Small issue, but annoying when building a non-English site: I’m building a site using Brine and the navigation contains a folder. When clicking the folder in mobile view a second menu appears with a “back” link label. I’m not super skilled with CSS, but would like to customise this label to say something else. Any ideas?

Hello everyone, I'm trying to display my navigation menu vertically instead of horizontally on my website : https://coconut-bagpipe-9nzc.squarespace.com/home I would highly appreciate your help as I've been trying for a few days to find this out ! Thank you Robin