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
    • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.shorebrookpartners.com Hi there, I was wondering If someone could please help me with an issue I am facing! I have named a navigation folder "☰" so that I could get the hamburger icon on desktop for my clients website. However, when this is viewed on mobile, it shows the icon twice (for instance if It was named "menu" it would be ☰ > Menu > About / Clients etc etc) so it currently shows ☰ > ☰ > Clients etc. Is there a way of getting rid of the second icon in mobile? I've been on chat with someone but they directed me here! I've been search
  2. Hello, I am working on a website where I need to add a video from Youtube as a Banner. Everything works fine but the quality of the video in the banner is really low and all pixelated. I'd like those to be at least at 720, better at 1080. How can I fix this? This is the video I am embedding: I've tried with this URL: https://www.youtube.com/watch?v=BIIJXp-gumY and with this: https://youtu.be/BIIJXp-gumY Thank you!
  3. Site URL: https://www.ktbaxter.com/ Hiya, I just want to know if there's a way to set a different image for my home screen for mobile rather than it condensing the one I have set for web view. I made one specifically for web and I think it looks great but on mobile it looks quite naff as the images aren't centred so it's literally just the word "welcome" on a dirty background. I'm making a new image for the mobile view but I just don't know how to add it for just mobile. Thanks in advance!
  4. Site URL: https://www.znthtriclub.com Hi there, I'm desperately trying to add some form of "wrapper/banner/bar" on both the very top and very bottom of my website. I've currently managed to do so by hacking (in a rather bad way!) the announcement bar and footer modules. You can see this on the website and I've attached the image I'd like to use for reference. The issue I have is twofold: 1) The top banner isn't the same as the bottom 2) When scaled down to mobile, it looks terrible and there's a hideous black line beneath the top banner. Any help in coding something
  5. Site URL: http://paddlefish-blackbird-g477.squarespace.com/ On mobile, all my headers started fixing to the top of the screen - they used to be centered. Not sure how I might have broke this - http://paddlefish-blackbird-g477.squarespace.com/ pw: balance
  6. Site URL: https://paddlefish-blackbird-g477.squarespace.com/home 7.0 website I cant seem to get my mobile banners to adjust on mobile. Here is an example of the homepage banner on mobile, ideally I want the image with the logo to be resized/centered. I have tried inserting this CSS: @media screen and (max-width:600px) {.Index-page--has-image .Index-page-content { width: 100% !important; height: auto !important; }} https://paddlefish-blackbird-g477.squarespace.com/home pw: balance
  7. Site URL: https://www.passadobrasil.com/modern-basil Hey everyone, Coming here as my second attempt to figure out how to customize my site without using the pesky navigation bar. My goal is to setup a one page style website, using anchor links. As per the article, it cannot be done on navigation buttons. I would like to setup text or buttons on the banner section but I do not see anyway to add it over top of the picture. Can anyone help me here? Thanks!
  8. Site URL: https://gregorylassale.com/ I am trying to reduce the height of a particular banner while keeping the text (inserted via code block and html) vertically centered. Part of the html is: .counter { font-size: 40px; line-height: 60px; font-weight: 100; } Reducing the line-height value works to a point, after which the text is off-center. Any help is greatly appreciated as always. Thanks.
  9. Site URL: https://www.luxeofmykonos.com/ Hello, I was wondering how see my videos on my mobile as when I go on the site from my mobile it only shows my brand photo. Also, how can adjust or resize my banner image so the image its displayed full and not cut in half or cut in a way its not displayed properly? I would really appreciate your help.. On the picture below it shows how the image its displayed from my computer, instead i'd like the whole image to be showed on the banner This is how its the image its displayed on my mobile and its also not displaying the
  10. Site URL: https://www.hudsonvalleyrbern.org/ I recently updated our header background image with the attached file. I even resized it to the recommended 1500px. No matter what I do, the image is blurry. This is the first time this has happened and wasn't an issue when I updated to the winter photograph in September last year. Any suggestions? It's always been crisp in the past.
  11. Site URL: https://vegapropertyemporium.com/ The banner images on the home page on mobile are not fitting correctly - is there a code that i could use to fix this? Thank you https://vegapropertyemporium.com/ @tuanphan
  12. Site URL: https://www.vegapropertyemporium.com/ourteam Hi there, On mobile, my banner image on page https://www.vegapropertyemporium.com/ourteam cuts off two people from the end. I would like for it to fit everyone in, what is the CSS code please? Thank you
  13. Site URL: https://mango-cylinder-yeyd.squarespace.com/ Hi Everyone, I've designing a new client site with a solid navigation at the top and a background banner image underneath. I've noticed that the image position is not centred correctly in the banner height? Take a look at the Free Resources page and you can see that there is a geometric symbol that should sit in the centre vertically, but it's not. I think that by default the banner images are set to fill the height including the navigation section and this is fine for most images, but when there is an important element th
  14. Site URL: https://www.luxeofmykonos.com/ I have got as my top headline a video as an introduction to my site and the video can be seen on desktops, however, when i go on my site from my mobile i doesnt show the video, instead, it just shows the background photo thats meant to be there in case the video doesnt play. could anyone explain me how to make the video play on mobile phones as well, please? Do I have to decrease the quality of the video or perhaps use Vimeo instead of Youtube? or do i have to insert an speciffic CSS code to unable the video from showing on mobile devices? Thank you
  15. Site URL: https://www.garryrichardstud.com/hillstar-1 Hi there, The banner image on my website looks great on desktop view, but it gets majorly cropped when I view it on mobile (see below). Any tips on why this is happening, and how resolve it? As the majority of our users will be coming to the site on mobile, it is important to have this image displaying correctly? @tuanphan maybe you could help me? Thanks
  16. Site URL: https://www.365mindfuldays.com Hi there! My banner images are getting cut off in the mobile version - please help! Here's one of the pages in which it's happening ... https://www.365mindfuldays.com/summer-wellness-series Thank you! :)
  17. Site URL: https://coyote-coconut-z39a.squarespace.com/about Right now, the scroll bar on my about page (site is here. Password to view is Hello2021) has blank space after the string of text, before it starts it's next rotation. How can I make it so the text is always visible and scrolling, with no blank space? The code I'm currently using is below. <div class="scroll">BOOK NOW • BOOK NOW • BOOK NOW • BOOK NOW • BOOK NOW • BOOK NOW • BOOK NOW • BOOK NOW • BOOK NOW • BOOK NOW • BOOK NOW • BOOK NOW</div> .scroll{ overflow: hidden!important; position: relative!important; -mo
  18. Site URL: https://www.jennyandstephenwed.com/ I've tried everything including this code, but can't find the image url to put in for each header image. I want the header / banner image to autofit the screen for each page. Can you help me with the code for desktop and mobile? #COLLECTIONID { #page .page-section:nth-of-type(1) { img { display: none; } .sqs-block-image img { display: block; } .section-background { background: url("IMAGEURL"); background-repeat: no-repeat; background-size: 100%; } } }
  19. 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.
  20. 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; } }
  21. Site URL: https://bluewillowbirth.com/ Hello, Home banner image get cut off on mobile view. How can I make it to see in full size?
  22. Hello, I have a problem with the banner images on my website. I have cropped them to 2500px and yet Squarespace is cropping them so that only part of the image is visible. Also, it zooms in and doesn't look good. As an example the banner as it should be displayed and how it currently looks. Any ideas how to fix this? Thanks 😉 Site is: https://www.pistazienpastell.ch/ PW: pistazienpastell
  23. Site URL: https://www.trustclimateactionstrategists.com/ Hi! I have a video banner playing in it's own page, and I'd like to hide it from mobile view. I don't want a mobile fallback option for it as a header; I want that page containing my video to disappear completely. (I had to do a custom image for the header to properly resize for mobile, so I can't have that be the mobile fallback option). I've tried the following code (below) in my custom CSS section (which already has a bunch of custom CSS in it - please see the screen shot attached). Should I put code in the "Page settings > advan
  24. I have used code to resize the banner for mobile on the homepage but how do I apply it to the banners on all of the other pages? Also, how do you get rid of the white space under the banner on mobile once you have resized it?
  25. Site URL: https://university-mentoring-ece.squarespace.com Hello Sqaurespace Community, Might I ask for your feedback on my new website? I am also wondering: Would 'www.university-mentoring-ece.com' be a good domain? What would you recommend to attract more people visiting my website? Instagram or Facebook to follow? Thank you. Any great ideas are much appreciated. Kind regards, Monika
  • Create New...