Search the Community

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?

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.

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!

I realize there has been a post about this, but they ruin my mobile site, if I could get some help with the coding to fix that? site: www.vikingcleanersaz.com If I could have help getting the "(existing customers)" in the right button on another line and "Sign up today" on the left button centered once its changed that would be amazing. Thanks for the help!

I'm wanting to change the height of the banner on a specific page of the Bryant Template. I'm assuming something needs to go into page header code injection, but I'm not sure what. Any help would be appreciated.