Search the Community

Site URL: https://www.acnetkleen.com Hi, My website is acting wonky and is showing the "Hamberger menu (mobile) " on desktop. Sometimes when you play with the window width the normal menu comes back. It should look like the attached screenshot. (Note: There are no options in the Theme back-end to adjust mobile) The website is: https://www.acnetkleen.com Theme is: Bryant I need to reduce the breakpoint OR remove the "Hamberger menu" on desktop completely (or both!) I've tried various codes from other posts/forums on here but nothing works as I think the theme I am working with is too old. Any help would be much appreciated! Thank you and best health

Site URL: https://www.nativeland.org/circle-of-kin I am trying to create a mobile-friendly team bio page in which all photos are displayed in a grid without titles but not detailed bio text, and where users can select bio images to view all the individual bio text. Here's the page: https://www.nativeland.org/circle-of-kin I'm using Bryant and 7.0, with a Gallery Page that has been inserted on this page using a Summary Block. Currently, on a desktop browser you can click on the photo and on hover get the text overlaid on the photos. That's fine, though I'd prefer the text not be overlaid over the photo. On tablet or mobile, however, there is only a tiny dot in the bottom right corner you can select to reveal the hover text, and it's so small most users won't ever find it and rather see a huge photo gallery. Also, when you are on the bio page if you select the title you go into the gallery page, which I don't want. Ideally, selecting the image and the title would go to the same place: a lightbox-type environment in which the photo appears larger and centered but not full-screen (as is currently the case), and where the text automatically appears below no matter what, with or without hover. Any suggestions would be much appreciated. Thanks!

Site URL: https://www.fiercepassions.com/my-offerings So I want a very thin footer. I want the 3 buttons & the social media links & the Copyright notice. I would prefer them to be all on the same line (navigation links on the left, copyright in the middle, social media links on the right), and not even have a pre-footer. But I'll settle for a thin pre-footer with the 3 navigation buttons, and a thin footer with the copyright notice & social medial links underneath. There was a time when I remembered how to do it, but it's all gone out of my head. Any help would be greatly appreciated

Site URL: https://www.fiercepassions.com/my-offerings Hello, I am trying to redesign the look of my site. I used to have too many pages. I decided to try to use a template with an index instead of having submenus. I really like the look of it except: I want the first banner of the index to be bigger than the other banners. Currently it's a little bigger than I want, and the other banners I want considerably thinner. I tried looking through some old answered questions but the css doesn't appear to be working for me. Here's the particular index I'm asking about (I'm doing a lot of experimentation, this is *not* the finished look of the site, so you'll see a lot of repeated page names) https://www.fiercepassions.com/my-offerings

Site URL: https://www.loveincsheboygancounty.org/ I have a website with the Bryant template and have received feedback that the hamburger menu that shows up on mobile (or when the browser window isn't full width) isn't clearly a menu and that they would prefer that it just say "menu". Ideally I would like to change the hamburger menu icon to just read "Menu". If that's not possible, I'ld like to place "Menu" text directly beside it. I have searched the forum and tried dozens of codes to no luck.

Site URL: https://annabelreese.com Hello, I'm using the Bryant template for my site (https://annabelreese.com). When I enable customer accounts the corresponding "Sign In" link gets displayed in the navigation, which is fine; however, I'm unable to move that link to a different position. Is it possible to move? Or am I stuck with it being fixed in the first spot? Thank you in advance.

Site URL: https://www.grillandprovisions.com/ How do I add padding on the website so that my header image does not cut off on the top. There is currently about 50 to 75px that are getting cut off. Need help. I tried this... but did not work: div #home-page { padding-top:100px; }

https://www.m2wines.com/upcomingevents When I add a thumbnail image to an event. The event's page uses that image as a banner. It does not look good. https://www.m2wines.com/upcomingevents/2019/7/12/live-music-locked-and-loaded-with-the-tbd-food-truck How do I remove the banner from the event itself while maintaining a thumbnail photo.

Site URL: https://www.grillandprovisions.com/ My menu is going above the navigation bar rather than down making it hard to click. How do I get it to drop down instead? See attached screenshot for reference.

Site URL: https://riverdalians.ca/riverdalehall I'm getting this error in Firefox for the Google Calendar I've embedded at the bottom of the page: We're using the Bryant Template, and the codeblock causing the error is: <iframe src="https://calendar.google.com/calendar/embed?src=community.hall%40riverdalians.ca&ctz=America/Edmonton" style="border: 0" width="100%" height="650" frameborder="0" scrolling="no"></iframe> The content shows in Chrome version 80.0.3987.149 and Safari version 11.0.3, so what else can I do to prevent this content from appearing in Firefox? Thanks in advance.

Site URL: https://kayukayaliving.squarespace.com Hi, I would like change the side lef t and right black color to #656344. I tried background color but is still black. Any tips please. Thank you.

Site URL: https://www.kayukaya.com/new-blog/testingpicture Hi, I would like to disable the display of date, time and title on the image. I am display information from my blog page. I tried this but didn't workout. Thank you.

Site URL: https://karin-eisen-yoga.squarespace.com/blog/ I'm looking to hide the banner image, but keep the thumbnail or featured image available for summary blocks, etc. in the blogs and events. I've used the code below which works well for the events, as the Title of the event remains on the page to the left side. However, on the Blog posts, the title of the blog disappears along with the banner image. How do I keep the title of the blog as an H1 at the top of the page while still removing the banner image? .collection-type-events.view-item .banner-thumbnail-wrapper { display: none; } .collection-type-blog.view-item .banner-thumbnail-wrapper { display: none; } Example of a blog with the missing title and no banner: https://karin-eisen-yoga.squarespace.com/blog/revolved-side-angle-pose-as-a-prep-for-astavakrasana Page password is keyoga

Site URL: https://www.assetoutfitters.com/help I cant figure out how to make page content div transparent. Tried setting site style of page content to transparent, also page level css of multiple different div ids/classes, like .index-section-wrapper page-content{background-color:transparent !important}, any ideas?

Bryant theme: I have a Slideshow Gallery inserted to force a full screen banner slideshow on the home/index page for desktop which works great, but not on mobile; the client would like a single static image for mobile views and nothing works. DEV url is: https://jenniferpurdue.squarespace.com Password: JENP As a stop gap, I set the slideshow gallery for mobile to display: none; as such: @media only screen and (max-width: 812px) { .sqs-gallery-block-slideshow { display: none; } } Removing that CSS displays the full slideshow for mobile again, even after adding the following code in: @media only screen and (max-width: 812px) { #home { background-image:url('https://static1.squarespace.com/static/5d6ed3c5377e890001aee163/t/5dcec8b5b5a1dd2c238cf24f/1573832887083/8724%2Brosewood%2Bave%2Bwest-large-003_LIGHTEST.jpg'); } } and this, with page id: @media only screen and (max-width: 812px) { #collection-5d6ed731fb91660001ed3ead { background-image:url('https://static1.squarespace.com/static/5d6ed3c5377e890001aee163/t/5dcec8b5b5a1dd2c238cf24f/1573832887083/8724%2Brosewood%2Bave%2Bwest-large-003_LIGHTEST.jpg'); } } Screenshots: I would like to use the attached image seen in the desktop view (which is #5 in the gallery) as the static banner image for mobile view. I have the the page's media image set as this image as well. Help, this is driving me mad and time is ticking — anyone? Many thanks in advance!

Hi, How can I add a slideshow banner with full breed size.?

Apparently this works if the phone is turned horizontally or on an iPad. I'm using the Bryant template. I'm looking for code that I can enter that will make this work. https://okra-leopard-83xz.squarespace.com/new-homes

Hi there, I have a client who wants a split navigation in the header such as https://laurenliess.com/pure-style-home/ Here current template is Bryant. I don't want to have to switch templates to get the function of the split header via the secondary navigation. Any ideas on how to do this without changing from Bryant? Thanks!

I was able to customize the banner text/header and button for the regular banners at the top of each page and index section. However, I have not been able to figure out how to edit the exact same elements on a slideshow banner. Here's a test page I created to demonstrate this:https://hyperboloid-guava-pw2m.squarespace.com/slideshow-testPassword: bristol As you can see, I was able to get header-style text and buttons overlaid on the slideshow images. The font, font color, and button customizations reflect what I have chosen on Squarespace's style options. However, I can't get the outline/shadow and button position that I was able to achieve on the index page (screenshot attached) using CSS. It seems that the banner text and buttons for the slideshow banner are not affected by .desc-wrapper or .desc-wrapper p:last-child (or .desc-wrapper p:last-child>a). Any suggestions?

I'm using the Bryant template from the Bedford family which says the h1 tags should come from the Site Title. However, H1 headings are still not showing in the site's code so won't be found by search engines. How can I make sure H1 headings are shown/used/found on the site?

Hi, The client I'm building the site for inexplicably wants the call to action button on the main/index page's banner to be not as noticeable. They would like it as close to the lower right corner of the banner image as possible. I can't figure out how to position the button without also affecting the banner text (page description), which they want to remain centered, and the responsiveness of the banner image poses a problem as well. I tried customizing the .desc-wrapper element in CSS but haven't been able to make it look how they want.Here's the site:https://hyperboloid-guava-pw2m.squarespace.com Thank you!