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://www.bypaigejordan.com/ Hello Everyone, I'm having a bit of an issue with the mobile sizing, looking to have the mobile version smaller on the footer same as the desktop version
  2. Site URL: https://magnolia-flower-z3ss.squarespace.com/about Password Foundation I'm getting a weird thing where the image and text jumps to a few pixels bigger as you start to scroll on mobile (video attached). I just want it to look smooth and stay the same size as on load. RPReplay_Final1614606256.MP4
  3. Site URL: https://ray-cone-ap64.squarespace.com/config/ Looking for help....when in mobile preview I dont want a horizontal scroll anywhere on my site when it comes to a simple page. Larger Gallery images arent so much of a problem at this stage. Can someone help me with how to move the hamburger?? to within the fame please? Thanks
  4. Site URL: https://halibut-finch-9bdl.squarespace.com/ Site Password: ghosts I have a website I'm working on and while the home page looks great on desktop, I'd love to create a different page to use as the home page on mobile only. This is my home page https://halibut-finch-9bdl.squarespace.com/ And this is the page I'd like to use as the home page on mobile specifically. https://halibut-finch-9bdl.squarespace.com/home-2 Any help would be greatly appreciated! Thanks Also, I've tried the code below, and keep getting a syntax error when I try putting
  5. Site URL: http://www.shannonmkay.com/photos Please help. Trying to edit my gallery grid in mobile. I like 3 columns on desktop but want it to display 1 on top of another on mobile (in photos page). Any help is appreciated thanks
  6. Site URL: https://www.moonmazestudio.com/ Hi! We just published our site a few minutes (!!!) and noticed that the logo on the mobile version doesn't always appear. When we refresh the page, the logo does show up, but the custom form, located at the bottom of the home page and also in the contact us page, disappears. Does anyone have any idea why this is happening? We appreciate any feedback the community has. Thanks!
  7. Site URL: https://www.justinphang.com/google-ugh-moments Hi there, The problem I'm trying to solve is the 16:9 videos appear small in my website's mobile view. Is there a way to tweak the embedded videos to be more of a 1:1 or 4:3 ratio before tapping? Tapping it will still play the video in it's actual aspect ratio.
  8. Site URL: https://www.thelosttwo.com/travel Site URL: https://www.thelosttwo.com/travel Hi all, I am trying to reorder the way image blocks are displayed in mobile. The layout on thelosttwo.com/travel is currently: <Picture 1> <Picture 2> <Picture 3> <Picture 4> <Picture 5> <Picture 6> <Picture 7> <Picture 8> <Picture 9> The current mobile view is: <Picture 1> <Picture 4> <Picture 7> <Picture 2> <Picture 5> etc..
  9. Site URL: https://pletttruckrepair.ca/ I would like to have 2 phone numbers linked in the main navigation menu only on mobile, not on desktop. I would like desktop navigation menu to remain exactly as it is. Most answers for this type of thing are using collection id, but from what I understand that only works with pages not with external links (phone numbers in this case). SS 7.0 Bedford theme Any help would be much appreciated. @tuanphan (looks like you have provided solutions to very similar questions)
  10. Site URL: https://www.nwcphotos.com/ Hi guys, Need some help removing my footer from the mobile display. It doesn't display properly and honestly doesn't really need to be there on mobile. I'm using the Nueva template and figure there's a couple lines of code that could hide it. Site PW is: lock Thanks!
  11. Site URL: https://www.jordangraceowens.com Hello, I'm trying to create a link and page in the secondary navigation that are hidden on desktop but show on mobile. Thanks for any help!
  12. Site URL: https://www.onehandsanitizer.com/ I have a background image at the top of my website (www.onehandsanitizer.com). It has my logo and the company slogan. It looks great on desktop but on mobile, most of the image gets cut off. I want the image to shrink to fit in the screen on mobile instead of cutting the sides off. I tried a few things in custom CSS. I was able to get the image to shrink by setting height: 50%; but that didn't shrink the parent container, leaving me with a bunch of white space where the picture used to be. I also tried finding the #yui_... ID for this section
  13. I have been given the task of admin on a site and I am totally unfamiliar with SqSp. (I am otherwise a developer that usually develops on other platforms/CMS's) The issue with the site is that the page is too wide for mobile and causes a chronic amount of horizontal scrolling. The previous developer apparently found a solution by adding the viewport meta tag to the Custom CSS area! {huh??}. While this does fix the horizontal scrolling issue, it introduces an error in the Custom CSS (of course) and then the standard formatting on desktop/laptop causes the #page content to be narrower
  14. Site URL: https://www.jordangraceowens.com Hello! I have navigation links nested inside a folder, and I'm trying to hide them on mobile. They're hidden on desktop (until you click) but everything shows up on mobile. I've tried searching for custom CSS but haven't had luck with anything. Thanks for any help!
  15. Site URL: https://hexahedron-ocelot-he96.squarespace.com/ Hi there, link: https://hexahedron-ocelot-he96.squarespace.com/ password: jackiesunga Does anyone know how I can fix the margins only for the mobile navigation whens it's open. I want the font to be smaller and the margins on the two sides to be wider so that the whole text can show in one line. Thank you!
  16. Is there a way to keep spacer blocks placed below other blocks when viewed on a mobile device? I'm using version 7.1 and I'm new to using Squarespace. Thanks.
  17. The navigation is empty on this version 7.1 site but the navigation icon still displays for mobile, so I'm looking to hide that.
  18. Site URL: https://www.courtneychecks.com/ Hi there! I am by no means a proper web designer, but I'm playing one for my mom's new business. My biggest issue with my custom coding is that I seem to have broken something along the way, or I don't know quite how to target the correct code for certain mobile devices. I'm finding that my mobile navigation isn't dropping-down the way I want it to on Samsung/Google mobile devices (on my iPhone it works just fine). I'm having several issues, but I'd like to start with this one, as it's causing some grief with my mom's customers. I r
  19. Site URL: https://www.ukulelekidz.com/camp Here is my desktop code for 2 column border with shadow (works good) .sqs-col-6 {border: 2px solid #172236;width:47%!important;margin-left: 2.5%; box-shadow: 2px 5px 10px rgba(0,0,0,0.2)} Here is my adjustment for mobile... (works good also) @media only screen and (max-width:768px){ .sqs-col-6 {margin-left:0%!important;margin-bottom: 7%}} The issue is the borders are applied to all 2 column sections on my site, so i then go to target just the section I want and great, it works for desktop, but then messes up the mobile view. Here is
  20. Site URL: http://thuongxanhfilmstore.com Hello, I wanted to change the mobile menu overlay color. The background was black and the text was white. I successfully changed the background to white and text to black using the codes suggested on the forum. However, the site title was still white, thus invisible on the mobile menu overlay. I used these codes. Please help me to change the site title to black. Thank you! @media screen and (max-width:767px) { .header-menu-bg.theme-bg--primary { background: white !important; } .header-menu-nav * { color: black !import
  21. Site URL: https://www.amovintage.com/ Hello Please can someone help me increase the space between products on my shop page? I cannot work it out or find a code anywhere, happy with it on web view but concerned that most views are by web so want to change mobile view exclusively if possible just to make it look a bit more spaced out / less squished in Have attached website link and some photos underneath Thanks so much!
  22. Site URL: https://www.dubnermoderne.ch/available-works-under-2000 PW:test https://www.dubnermoderne.ch/available-works-under-2000 Is there some way to have this one page and just this page either: -Display 2 columns in Mobile view or -Display the mobile view the same as in desktop view
  23. Site URL: https://art-by-valentine.com Hey! I would like to arrange my homepage images next to each other on the mobile version instead of having them below one another. Looks like this can be done using a Gallery Grid on Squarespace 7.0 but this is not available for 7.1. Any coding for this would help thanks. Below is a screenshot of my homepage images.
  24. Site URL: https://www.thelosttwo.com/travel Hi all, I am trying to reorder the way image blocks are displayed in mobile. The layout on thelosttwo.com/travel is currently: <Picture 1> <Picture 2> <Picture 3> <Picture 4> <Picture 5> <Picture 6> <Picture 7> <Picture 8> <Picture 9> The current mobile view is: <Picture 1> <Picture 4> <Picture 7> <Picture 2> <Picture 5> etc.. But I would like it to display: <Picture
  25. Site URL: https://www.strandlock.co.uk/about-aveda Hi, I applied the slideshow gallery block for 4 of my pages and they look just fine on laptop view, however, they become very small on mobile view and I have tried many codes but none seem to be working (I have attached the mobile view as well). The one I am currently using is: @media screen and (max-width:640px) { #sqs-gallery-design-strip-slide{ min-heigh: 40vh !important; } } or I have also tried it with width: @media screen and (max-width:640px) { #sqs-gallery-design-strip-slide{ wi
  • Create New...