Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'banner'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hello Everyone, I have no real experience coding and I want to ensure the image seen on the desktop view is roughly the same size on mobile. How can I do this?
  2. Site URL: https://www.jennamacphoto.com Hi there, I was hoping someone could help make my mobile site look exactly like the desktop version (www.jennamacphoto.com). The only issue is the index blocks have been cropped in mobile view so you can't see the image properly. I would like to keep the parallax text overlay function if possible too please. If not, could you please tell me how to disable mobile view please? Thanks so much!! Any help would be appreciated!
  3. Site URL: http://isaacmcnicolphotography.com.au Hi, I'm trying to add my company email and phone number to the site header so that it appears on every page. I've managed to get it as shown in the screenshot but I'm not happy with this for a couple of reasons. I'd like to have the contact details up well above of the other page navigation links, subtle and out of the way but still clearly visible. I'd also like them to be right aligned so that they line up with the right alignment of the site navigation links too. I have the "special covid prices" banner which can be clicked away too. I can add the email and phone number to that but because it's a banner it can be just clicked away and those numbers won't be visible anymore. If I could get the email and phone number to also be under the banner if the banner is clicked away that would be great. Any clues? If the banner part is too hard I can just get rid of the banner. Thanks in advance! Isaac
  4. Site URL: https://www.maggiesmission.org/maggiegear Hi, finally getting up our commerce site for our Foundation - MaggiesMission.org so we can sell what we call "Maggie Gear". We will be adding loads more items to sell online. Question, why doesn't the banner image (it's crappy right now) show up when clicking on each Mask? It's just a blank black bar. I don't understand. Like stated previously, we will be adding lots of categories and items for sale. Thanks for any help you can provide, Maggie was my only daughter, she died three years at age 17 to a rare and aggressive cancer. I'm her mom. I miss her. Beyond. We've raised $1,000,000 to help fund research and support to others going through similar. And are aiming for much more. #morethan4
  5. I'm trying to get the video on golfpadgps.com/tags banner to NOT display and force the fall back image to display instead. I understand from SS the fact that it displays on some mobile devices is by design, however I've been asked to turn it off on mobile regardless of connection speed or browser. This is what I've tried. In inspector, the "display:none" works, but when I put it in the actual custom CSS section of the site, it doesn't do anything. @media only screen and (max-width: 768px) { .title-desc-wrapper has-main-image has-background-video { display:none; } }
  6. Site URL: https://www.campfiresolutions.io/ Hi All - On my site I have a video that displays in my hero banner, but only want this video to display on Desktop. I have a Mobile Fallback Image that I want to default to on Mobile. How can I make this happen? Is there CSS that I can inject? Any help would be much appreciated! Thanks so much! Dan
  7. Hello! I'm setting up a site using the Miller template, and I want to hide the header-area banner on a page. I have added an image to the Media section of Page Settings because I want the image to show up other places on the site, like in a "Content Link" block. But I don't want that same image to appear in the header of the page itself -- I just want the header to have a blank background. How can I do this? I've tried a couple different variations of adding new styles to the "page header code injection" of the page settings, but I can't get the language right.
  8. Hello! So my site is https://earthlycraft.co/ It's almost there... but i cant work one thing out. How to change one of my banner hero images for mobile. It looks great on desktop however its too small on mobile, so i have another logo ready thats zoomed right in that i'd like to use for mobile only. I've added the file in design > custom css > manage custom files so i can use the link to the file I'm fairly familiar with media queries but i don't know the code to change the banner. When I inspect I get this code: .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img Therefore i'm going for something along the lines of: @media only screen and (max-width: 600px) {.sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img {background image: https://static1.squarespace.com/static/5d00032088447c0001487495/t/5dcdc90c40062f0cf29e9ddc/1573767446853/mobilelogo.png;}} Help would be much appreciated!! Cheers!!
  9. Site URL: https://www.osso.app/ Hi there, I am using Adirondack theme, and I am trying to get rid of white space on top of my home page. It might be there because of the banner (that appears that I cannot disable), because of the top navigation bar, or because of the padding on the image. I would appreciate any suggestions on how can I use custom CSS (or anything else) to get rid of this problem. Thanks!
  10. I just went live with a website (www.providancepac.com) and I'm having several issues with the YouTube banner videos not loading both on mobile devices and one in Chrome on MacBook Pro. On IPhone in Safari the Video does not load and fallback image is a solid color. On Samsung phone in Chrome video will play but I have to click the website logo and then video plays but not always. On Ipad in Safari & Chrome fallback image shows but no video. On Macbook Pro in Chrome video does not play until I reload the site by clicking the logo. Not finding a fix for these issues in the forum topics I have searched so far. Any suggestions are much appreciated.
  11. Site URL: https://kamijimatours.com/adventures/home Hey guys, There is a problem which I have been struggling to figure out the whole time. I have put a background video onto my index page on Brine 7.0 template. When I am using the squarespace editor, the video plays. And when I am using my google account, the video plays (windows work laptop and windows desktop). Of course mobile only shows the fallback image. HOWEVER, on other computers, I realised it only ever displays the fallback image. At first I thought that it was a MacOS issue. BUT, after trying on other google accounts on my computer it also doesn't work. Also I later found incognito mode also doesn't work. Anyone have any ideas what can be the issue? (Also if people see the video, then please let me know).
  12. Hello, Our banner artwork appears fine on our site when viewing on a computer screen, but the mobile view does not resize the banner and cuts off the bulk the image versus resizing for the mobil platform. Any tips on why this is happening, and how resolve it? We've found that the majority of site visitors use mobile, and don't want to reduce the impact of the image. Thanks in advance.
  13. Site URL: https://cooperfoszcz.com/ Big amateur here, but I can't figure out how to remove the padding on an image placed on top of a banner for Squarespace 7.0. Specifically, I'm looking to change the landing image on mobile. Here's what I currently have: @media screen and (min-width: 640px) {#block-yui_3_17_2_1_1632180891068_6440 { padding: 0px !important; margin: 0px !important;} https://cooperfoszcz.com/ Appreciate it!
  14. Hi, I am wondering if there's a way of getting background images to overlap sections, to make something look like the attached mockup. I can't share the site url as the client has it locked. Thanks in advance, Lucy
  15. Site URL: https://sealion-aqua-6cgh.squarespace.com/ Password: PartTwoDesign I want to add padding between the banner slideshow and the "View Case Studies" button - when I affect the "Space Between Elements" in the built-in spacing settings, it also affects the overlaid captions which I don't want... So it looks like I'll need some custom css? Thanks for any help!
  16. Site URL: https://rabbit-primrose-wsww.squarespace.com/ I've looked at the built in style options and don't see the ability to set color overlay opacity for slides within the Banner Slideshow. Is that correct? And if that isn't a built in option, any thoughts on adding such via CSS? Thanks!
  17. Site URL: https://www.chrisscott.work/photo This code randomly popped up on my "photo" page on my website right above the header. It also shows up on in mobile form as well. Just to clarify I did not add any coding. I have been using the basic template. .header-nav-wrapper { -webkit-filter: invert(100%); filter: invert(1); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); }
  18. Site URL: https://sunflower-accordion-z2d3.squarespace.com/ I'd like to reduce the size of the parallax banner image on mobile used in the below Insulation and Extraction pages: https://www.energystoreltd.com/homeowner - #insulation-intro banner https://www.energystoreltd.com/extraction - #extraction-intro banner Any CSS code I've tried seems to cut off and hide the text within these areas. Thanks for any help with this.
  19. Site URL: https://www.austinhines.design/work-ah Hello, I am building a portfolio website and I would like my top navigation to have a fade out effect instead of a sharp bottom cut of. I have used a line of code listed here to create the frosted look - // Frosted Blur Header // .header { background: rgba(0,0,0,.4) !important; box-shadow: 0px 5px 15px rgba(100,100,100,0.3) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; Again, I would like the bottom line to be a fade out instead of sharp. Thank you ! my password is Hines5791!
  20. Site URL: https://stingray-calliope-krgc.squarespace.com/ Hi! I created a split screen banner and I can't make the elements stack for the mobile version. Now they look squished one next to each other, and I would like to be the next first and the image below. This is the page: https://stingray-calliope-krgc.squarespace.com/ To split the banner I used this code: [data-section-id="6140af52a4ed9f625b7f25ec"]{ .section-background{ width:50%; margin-left:50%; } .content-wrapper{ width:50%; margin-right:50%!important; }} Would really appreciate some assistance with this 🙂
  21. Site URL: https://www.boombattlebar.co.uk/ Hello, I've just added a video to my sites header with a mobile fall-back image. However, the mobile fall-back image is quite small, how do I increase the height of the mobile image? https://boombattlebar.co.uk/ Many thanks!
  22. Site URL: https://www.sayuriichida.com/ Hello, Can anyone please help me with disabling video background only in mobile view? I have tried most of the CSS found on similar topics, but none worked on my website. The background video gets cropped weirdly on mobile, so that I would like to hide it. I was able to disable the video with some CSS. However, it hid the project titles altogether, which are located in the centre of my homepage. Thank you very much in advance. Best regards, Sayuri
  23. Site URL: http://davidzamorano.tv/ Hello Forum Is it possible to have a main (playable) video project as a banner? Or from side to side of the screen, allowing the viewer to control it with the basic play and pause on click? Here is an example of a project page on my site: https://davidzamorano.tv/reel2020 (please find attached). Just as a side note, I was able to add a video banner on my main page but it is not possible to control it (play and pause). Thanks! David Z.
  24. Site URL: http://www.palpable-media.com Please please help: VIDEO BANNERS NOT DISPLAYING AND CUSTOMER SERVICE NOT HELPING Problem: I paid A LOT of money to license expensive video for my site banners. BUT THEY DISAPPEAR in mobile!!! the mobile site displays lots of EMPTY SPACE on mobile where there should be video content This is business critical: Part of our work is events and tech so we need to SHOW the work!! Can someone please please help?? Whenever I contact customer service I get lame excuses, and irrelevant links. I feel like if they cant give me a functional site I want a discount because this is hurting my business!!! We already went over-budget on the website and no clients yet so I cant really afford to spend more to get someone external to fix it.... THANK YOU FOR YOUR SUGGESTIONS!!! p.s. WTF Squarespace? THIS IS NOT A NEW PROBLEM - Stop blaming this on Vimeo, youtube: you clearly cant seem to fix this - Ive seen posts that go back years. This is bad. And your customer service is THE WORST. GoDaddy has the BEST customer service, people who answer the phones and fix problems asap. This whole process has been a nightmare.
  25. Site URL: https://blissfuldoulacare.ca/ Password to website is: blissful2021 I am trying to achieve this look on the homepage of this site. I tried uploading the image with the overlay (as one background image), but the text doesn't remain on top of the purple overlay. Any suggestions are greatly appreciated!
  • Create New...