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

Search the Community

Showing results for tags 'bannerimage'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

Found 20 results

  1. Hello, I have parallax enabled for a banner image (which I like). However, on mobile, scrolling down the page looks very jittery. I'd like to disable parallax on mobile altogether, while leaving it functional on desktops. How can I do that? I've tried injecting the following code into the page header, to no avail: @media screen and (max-width:640px) { .parallax { background-attachment: inherit; } } Thanks, Joe
  2. Site URL: https://www.lensflair.org/ My banner video plays normally on desktop but when viewed on mobile there is a crop on both sides of the screen. Does anyone have an idea on how i can make it conform to mobile (scale to fit screen size) instead of cropping it out? Or is it possible to have 2 different videos for mobile and desktop view. Thank you so much, ive been breaking my head over this. Cheers
  3. Site URL: https://www.gcmeditation.com.au/home Hello, I'm having an issue i can't seem to find an answer to anywhere regarding the display of banner images on mobile. The website is made up of 3 index pages: https://www.gcmeditation.com.au/home https://www.gcmeditation.com.au/about https://www.gcmeditation.com.au/meditation (the banner images on these pages are set in a nested page within the index - not at the level higher within the top level index) and 3 non index pages: https://www.gcmeditation.com.au/holistic-counselling https://www.gcmed
  4. Site URL: https://fredfilms.com Hi, My website has a scrolling index/homepage with multiple 'blank' pages nested. I added a banner image to the top page with a text overlay and would like that banner image to randomly load each time someone visits the page. Any help would be greatly appreciated!
  5. 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 h
  6. Site URL: https://penguin-mauve-f4f7.squarespace.com/config/pages hi, i would like to know if there is anyway i can get my header image to to have the swoops like on this site http://tayloredcode.com/veon/index.html the password to my site is veon. i would like the header image to look like it does on this site. currently my header/banner is a slideshow, if i have to change that to a single image to get the swoop, i will. Thanks in advance!
  7. Site URL: https://www.onekindcreative.com/podcast/katrinahopper How do I add Banner header image to an individual blog post? I want the header background image to be what I upload to the social media image for each blog post. I came across this on youtube: Unfortunately, his code and solution is for squarespace 7.1, and I am on 7.0. I attached examples of what I want it to look like for both desktop and mobile. Thank you for helping.
  8. Hi there! Is there a way to change the height of a banner image for mobile only? I would like to increase the height. Thanks in advance!
  9. Site URL: http://bercumbuilders.com I need some code to add an alternate banner image on mobile. I had to use photoshop to put the text on my banner image in order to get the spacing right, but need an alternate one for mobile so that's it's not blown out. Can anyone help me with the code?
  10. Site URL: https://www.kreativalchemy.com/ Hello there. I have an index page on my website, and I need help with the custom CSS to resize the banner image for mobile. It looks great on desktop, but it crops too much of the image on mobile. Here is a link to the page: https://www.kreativalchemy.com/chemistry-class Any help is appreciated. -Kayla
  11. Site URL: https://heseltinegallery.squarespace.com Hi. I am using the Foster template (Brine family) and am using the Gallery page to display various exhibitions for this art gallery. I am also using Gallery pages in Index pages. How can I hide the banner image from Gallery pages only (not other page types)? Currently, I add the images then go to the Gallery Page Settings and remove the banner image. But when I edit the Gallery page, it automatically reappears. There must be a way of stopping this. Can anyone help please? Thank you!
  12. Site URL: https://www.studio2299.com/about-1 I want to show the full-width of the image on both Mobile and Desktop. I am using a banner which crop horizontally on mobile. Is there a way to hide the banner on mobile and show an Image block instead? I have a test page with the banner and the image that I'd like to use on Mobile. I've seen some instructions on how to replace the banner with an image, but that solution uses the banner container. Any suggestions?
  13. Site URL: https://www.sarvacenter.com Hello! A site I created is loading incorrectly in Safari - initially, the banner text is too high and the banner image stops short. This only happens when a user first lands on the page. Once you refresh or open the page in a different window/tab, it load correctly. It appears to only happen on the homepage. https://tiger-cobalt-x42w.squarespace.com Any ideas what might be causing this glitch? Thank you!
  14. Site URL: http://teamcjwip.squarespace.com Hello, I'm trying to finish up the homepage design for my site but there's a couple custom css problems I'm running into. I currently have an index page displaying 2 banner images that parallax as you scroll. I would like to use custom css to make the banners show fully on mobile because they are currently being stretched as if there is a minimum height.. i would also like them to not use parallax on mobile. I've tried the following code, which has stopped the images from parallaxing on mobile but the images are still stretched. si
  15. Site URL: https://nectarine-circle-ngf5.squarespace.com/ https://nectarine-circle-ngf5.squarespace.com/ password: apod Here is the site URL, the problem i am facing at the moment is quite an odd one... So first of all Using CSS I changed the header to have an image behind it. .Header--top { display: none; background-image: url("https://static1.squarespace.com/static/5e28e3821bc1146fbddc88f8/t/5e36482d21662377966f68f8/1580615725729/Base.png"); background-size: 100% 100%; } What I am trying to do is make it so that the image goes behind the navigation, however when settin
  16. Hi there, How can I make my image banner mobile friendly? Is there any code to make my banner fits perfectly on mobile devices without affecting the desktop version? Please help. Regards, Roland
  17. Hello! I'm trying to find a way to add code to get my banner image to scale down rather than crop when viewed in mobile formats. If anyone could help it would be much appreciated! www.albinojackrabbit.com
  18. Have an issue with the York theme. Need to hide the banner images and have added code (below) to the Advanced tab which seemingly takes care of it. But it's only in the control center for Squarespace. The live version doesn't hide it at all. Any thoughts? <style> .js-page-banner-image {display: none} </style>
  19. How do I remove the navigation word from the photo on the main page of the site. For example if use the FIVE template and have a navigation link at the top of the page (home) , on the main photo, it says home in the middle of the photo. Not wanted.
  20. I’m setting a site up for someone and they have decided they would prefer the original image that was being used in the header. I can’t find it and it seems I am the only person that wants to find it. Are they hidden somewhere special or are they gone once you change it?
×
×
  • Create New...