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

Search the Community

Showing results for tags 'mobile'.

  • 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://urbanashramyoga.com/pricing Site URL: https://urbanashramyoga.com/pricing Hello! How can I increase the height of the carousel element on mobile so that the blocks' size increases, and the second one is pushed to the right, bleeding off at the edge of the frame? Please see images below for reference: Thank you so much. Current design: Desired Outcome:
  2. Site URL: https://www.cltrickett.com In 7.0 you could change the mobile breakpoint which you can't do on 7.1. I would like the stacked nav menu to appear at tablet size, not just mobile size. Can anyone help?
  3. Site URL: https://www.partners.forme.yoga Hey everyone, I am trying to change the overlay opacity of my background image, during a mobile screen size. When the black text is over the top of the picture, I would like the image to have a higher percentage overlay opacity. In desktop mode, its ok, as the text is over the white portion of the image. Can a CSS code fix this? https://www.partners.forme.yoga Matt
  4. Site URL: https://www.danirvin.com/ pw: danspeaks7467 I have an autoplay video in my header that is not resizing when I view it in mobile view here on SquareSpace. Additionally, it is not showing at all on my iOS device and have been testing a backup image, but would prefer the resized video to be autoplaying. Thanks in advance for any help/suggestions/support! :) Dan Attachments: Screenshots from web view and mobile view
  5. 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
  6. 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?
  7. Site URL: https://zero-waste-creative.com/ I have been trying a bunch of things, but I can not get my website to load nicely on mobile. I also don't get a great score on desktop but it is acceptable. I am using the Rally theme. I already went through all the suggestions Squarespace has for making your website mobile friendly but still no luck. Please help.
  8. Site URL: https://www.knightsbridgegroup.com.au Hi there, I am having the same issue with the logo being too large on my mobile site: www.knightbridgegroup.com.au Version 7.1 Your assistance is greatly appreciated 🙂
  9. Site URL: https://www.deoracatherine.com/motherhood Hello, I am trying to get this section to be in the same order on mobile. Whenever I save it as the correct order on desktop, it messes up on mobile. The correct mobile order would be: The Achievement Race Seeking Information Misinformed Expectations Managing Our Phone Use Information Overload The only way I can get these in the correct mobile order, is if I place Managing Our Phone Use and Information Overload off to the right, on desktop. Help??? I attached pics of the de
  10. Site URL: https://www.rubenvanriel.nl/performance-method I've created the site www.rubenvanriel.nl and use in the header a white logo. I've changed on certain pages (for example: https://www.rubenvanriel.nl/performance-method) the logo because the background is white. I've used this code in the header code: <style> .header-title-logo a { content: url("https://static1.squarespace.com/static/604a2484aa92df0f526d7479/t/604a6076ce3f69737ba12e41/1615487094484/Logo+Ruben+van+Riel_RGB.png"); } </style> I only want to hide the logo for the
  11. Hey I want this code to work on the desktop version of my website but not the mbile version as the code breakes the mbile version can anyone help .header-title-nav-wrapper { flex: 1 0 85% !important; flex-wrap: nowrap !important; } .header-nav { width: 100% !important; flex: 1 1 100% !important; }
  12. Site URL: http://www.versefilmprojects.org Posted this question in another feed but haven't had any answers. Please see above link for screenshots of the issue. I can see others online having the same issue. Help please! 🙂 Thanks in advance Site password is: 2021
  13. Site URL: http://www.lesfillesdelaconstruction.com Hi, I am trying to make the images in the summary-block (carousel style) bigger on mobile. I have tried this code, but only the first image becomes larger. @media screen and (max-width:767px) { .sqs-active-slide img { width: 100% !important; height: auto !important; left: 0 !important; }} Any ideas? Thank you !
  14. Site URL: https://www.briankellymusic.com/home Hi, I'm having trouble with a bit of CSS I'm using to style to font color and size for image captions on a client's homepage. They're using the Ishimoto template, and the website is: www.briankellymusic.com Here's what I'm using for CSS: .collection-type-gallery #slideshow .slide .image-description { position: absolute; right: 0; bottom: 0; left: 0; padding: 30px 20px 15px; background: #111; background: rgba(0, 0, 0, .5); color: #a49c52 important!; font-size: 9 px important! opac
  15. Site URL: https://www.creativecabinet.org/home-new Hi! I'm having trouble styling the index gallery captions on mobile. I have them exactly how I want on desktop, but on mobile I'd like them to centered and the content width to be larger. I've tried a few things, but haven't had any luck. Thanks!
  16. Site URL: https://www.calmoreno.com/ Hello! I have a background image in my header for my regular site, but I would like to have that image removed on mobile. I've tried a bunch of different codes from the forums and online but nothing is working. Can someone assist? PW:calmoreno
  17. Site URL: https://www.miabanks.com PLEASE HELP! LINK - https://www.miabanks.com The mobile view on the home page is a little disorientated and doesn't look anything like the desktop. Is there any code I can use to make everything in the home page fit , like how it does on desktop. please help. Also there are black lines on the mobile version and I keep adjusting the "content insent" but it won't go away. I have attached images of the mobile and desktop versions. I want it to look like the desktop/
  18. Site URL: http://www.southernsunevents.com @tuanphan @bangank36 I've used the following for the image resize but now when I try to adjust the overlay text large sections get greyed out and banner images get cut/rearranged. Any ideas? First shot attached is before and second is after trying to adjust text. Site: www.southernsunevents.com Password: sse2020 Code I used for image resize... @media screen and (max-width: 640px) { .Parallax-item:nth-child(1) .Index-page-image { background-image: url('https://static1.squarespace.com/static/5e1752ffdaded31e3
  19. Site URL: https://www.kerndesignlab.com I'm trying to do two things: First, I'd like to get the section#featured-project (on the homepage) to appear the same on a large resolution monitor as on a 13-inch laptop -- meaning I'd like the featured image to bleed to the bottom edge of the section container, which it does not do on a laptop screen. Second, I'd like to get the section#featured-project (on the homepage) to appear the same on tablet screens as on mobile screens -- meaning I'd like it to stack, which it does not do on a tablet screen. I've tried multiple different sets
  20. Site URL: https://hyperboloid-owl-e8p4.squarespace.com/config/pages On mobile devices the hamburger menu appears but it is barely visible obscured by the header. I'd rather people be able to see the normal navigation on a small screen.
  21. Site URL: https://www.helixstarkville.com/ Hi @tuanphan ! Can you help me with the below: I am trying to get my pop-up to be at the top of the screen on mobile (instead of at the bottom), so my widgets do not block it. Is that possible? https://www.helixstarkville.com/ Thanks! Samantha
  22. Site URL: https://www.peoplemover.blog Hello and thanks, in advance, for any help you can provide. I'm putting together a site (currently protected with password 'gotcha') with multiple very similar pages, each with a large logo for one vlogger at the top-center and a horizontal row of customized buttons leading to the youtube, instagram, etc, just below the logo. For the first such page, there are only two buttons. For viewing on mobile, I was able to get the buttons resized and use the following bit of code to get them side by side: @media screen and (max-width:640px) { div#pag
  23. Site URL: https://www.thetinnedfishmarket.com/ Hi there! Have got a css border on my site and like the way it looks on web view. Can someone advice on the css needed to hide it on mobile view? Or at least how can I make it smaller? Thanks
  24. Site URL: http://mombitious.ca Hello. Im wondering if anyone has any idea why a certain portion of my website ordering process gets glitchy. I just opened mombitious.ca. When looking on an iPhone, the final "Custom Form" that I have set up gets cut off and becomes impossible to complete. I have a Custom Form asking the customer to include a custom message for a card. When they begin typing their custom message, the screen layout flips and cuts off the input text fields and "Add to Cart" button at the bottom of the page. This only appears to be a problem with iPhones running Safari
  25. Site URL: http://www.pantryphilosophy.com I like how it looks on my desktop were the logo is above the background image. I tried using this code for mobile: //MENU HEADER TRANSPARENT ON MOBILE// @media only screen and (max-width: 640px) { .Mobile-bar--top { background: transparent !important; position: relative; z-index: 1 !important; } } ---It worked at first but now I see no changes. Top header is fixed as the title font gets messed up. Password: Pantry
  • Create New...