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://sawfish-blueberry-k7we.squarespace.com/ Hey guys! I am using the header button, but I want to hide it in the mobile version. Is there a CSS code that can do that? Thank you!!!
  2. Site URL: https://kangaroo-tan-y5h5.squarespace.com/ I'm having issues with the menu stacking weird when resizing the browser window. I can't recreate this when using the inspect function within Chrome (see two screenshots with pixel dimensions attached), so I don't know the exact viewport dimensions that make it happen. Instead of having the menu stack I want it to immediately default to the hamburger menu. Can I add a media-query into the site CSS to prevent this from happening? If so, how would I do this?
  3. I currently have both of my CTA's (Request Info and Apply Now) fixed in the header of my website, but on the mobile site, the CTA's are compressed and pushed to the hamburger navigation button. As a result, I've looked into adding the mobile information bar to the mobile site. However, I'm not able to create a custom field or CTA in the mobile information bar. Is there a way to edit the CTA's in the information bar to add whatever CTA I'd like to use?
  4. Site URL: https://warnervisuals.com/?password=warnervisuals Hi there! Does anyone know a way to disable the mobile fallback image and to replace it with a short video of a file size that's under 1mb?
  5. Site URL: https://www.reawakenproductions.com/ I would like to customize my site so that some pages display differently on mobile than on pc. The best way I have found to do this is to create 2 versions of my pages. This seems to work well, except I am not sure how to get the nav bar at the top of the page to display different links depending upon the screen size. I would like to change the links specifically for the 'About Us' and 'View Films' sections so that they link to different pages on mobile.
  6. Site URL: https://elancloe.com/ Hello! I'm hoping someone can help with this: I had a code that would replace the image block on my landing page with an alternate image when you viewed on mobile, but I had to make changes to it and now it won't work and it looks like this: Could someone help me with the code to make the below attached image appear when viewing my site on mobile, while keeping the original image the way it is on the desktop? Thank you so much in advance for your help!
  7. Site URL: https://koi-brass-wxnc.squarespace.com hey there i have a button on my homepage that will eventually link to a french language mirror site. it is currently positioned correctly for desktop but in the mobile view the button floats to mid-screen. i imagine it will require some custom css to position it lower right for mobile? is anyone familiar with this issue? screenshot attached. thnx k
  8. Site URL: https://www.boombattlebar.co.uk/ Hello, I'm having some trouble with mobile padding on my website. As you can see from the images the desktop version looks good, but on the mobile version, the card image is too tight to the text box. I'd like to increase the gap between them but not effect desktop (Illustrated by red arrows). I've tried multiple CSS Codes but I can only seem to effect the padding around the whole card including text box... Could anyone please advise? Many Thanks, Ben.
  9. Site URL: https://www.studioacreatives.com Hello, Currently, I am designing a website for my agency and I love it in desktop view. However I can not say the same for mobile view because the background images don't look flattering due to their size. So I tried this code. I love that it has worked for the first image but what should I do to so this feature can be set like this for the entire website. Please help! www.studioacreatives.com
  10. I'd like to have the page links showing instead of hiding it in the hamburger menu on mobile. Is there a way to do so? I tried using a custom CSS that I found on another forum post but it didn't work. I'm also using the Cole template if that helps anyone Here's a picture of something that I would want to see in a mobile view! Thank you!
  11. Site URL: https://www.trickortreatyourcellf.com Hello everyone, I use a Bedford template and on my computer and Ipad the website fits the screen exactly the way I want it to be. But for some reason it doesn't fit the mobile screen. Maybe it's important to mention that I used these CSS codes to customize the screen: #page, #content {max-width: 90% !important;} @media screen and (max-width: 640px) { } The first CSS code to adjust the dekstop screen worked. But the second one didn't work for the mobile screen. Is there another CSS code I can use
  12. Hi all, I've been banging my head against the wall trying to re-size the images on my site for the bedford template. I've tried inserting css specific rules for mobile in the header of the page, but it doesn't seem to be working. The page can be found here - https://www.compassred.com/offering The images for Data Strategy & Readiness, Marketing Optimization, etc. are all MASSIVE on mobile Please help! Thanks, Alex
  13. Site URL: https://beagle-tangerine-ex9m.squarespace.com Hi there, I have 2 video backgrounds on my homepage that get the edges cropped out when viewed on mobile, I was hoping someone could help me with the code for either A) to swap out the video background for a different video or image, when on mobile using a media query. B) Have the video contained to the edges of the device, when viewed on mobile. My site is: https://beagle-tangerine-ex9m.squarespace.com Password: digitalnative Thank you, Sarah Mobile > Desktop >
  14. Site URL: https://www.delandjayjayweddingphotography.com I'm having a nightmare just now with my website trying to make it mobile friendly😩. When I test it on my mobile everything works fine. I can't for the life of me figure it out. Is there anything that can be done on Squarespace's end to fix this? Appreciate any help with this.
  15. Site URL: http://www.victoriapmitchell.com Hi there, I'm looking for help on reordering the text and image blocks for two specific parts of my website, just for mobile. I'm using Brine 7.0. I've read about 10+ forum threads so far on this topic and none of the code I've tried has worked. I'm stumped because usually I can figure these things out. Appreciate any help! My website: www.victoriapmitchell.com password: checkitout Sections where I need help: On mobile home page Ideal order: 1. First photo (the one with the stairs in background) 2. Text block starting
  16. Site URL: https://www.atlas360virtualtours.com/ Hi all, I've just finished a sight that looks great on desktop view with an alternating cascade style home page. On mobile and tablet however, it seems to arrange the order or elements such as line breaks and subtext very strangely. I'd have to arrange elements in a pretty woky way on desktop to have them appear logical on mobile. Is there anyway to code mobile view separately? https://www.atlas360virtualtours.com/ Thanks very much in advance!
  17. Site URL: https://www.neemaproject.org/ Hello! Would anyone be able to help me remove a "back to top" button from mobile view? Or edit it so that it works on mobile? The website is www.neemaproject.org and the code injected on the main home page is this: <style> .back-to-top { background-color: #000000; color: #FFFFFF; opacity: 0; transition: opacity .6s ease-in-out; z-index: 999; position: fixed; right: 20px; bottom: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 50%; }
  18. Site URL: http://www.timjobling.co.uk/ Hi, I've been using the forum for a while and it's been incredibly helpful whilst building my site. I was wondering if it was possible to add a 'Back to top' button that targets my mobile site only. I created one using a code block in the footer and adding the code <a href="#" class="scrollup">Back to top</a> which works perfectly, however it's not necessary to have it on my desktop site and I don't particularly like how it looks (I have removed it for the time being). Is there a way of using a similar code the only shows on
  19. Site URL: https://www.sarahzatkovich.com Hi there, I have font awesome icons added with code blocks on my site. You can see on the homepage there is text "View Case Studies" with a font awesome icon arrow next to it. On mobile, the font awesome icon stacks beneath the text. Is there a way to make it so that they appear next to each other like on desktop? Thanks,
  20. Site URL: https://meridian-yoga-template.squarespace.com/ I can't seem to figure out why the center image on the homepage isn't showing on mobile? https://share.getcloudapp.com/L1uNPzg1 Password for the site is "pearler" https://meridian-yoga-template.squarespace.com/ Thanks!
  21. Site URL: https://www.daronprice.com.au/ Im having a few problems with how a few product images look on my homepage. On desktop they appear fine but in Mobile view they stack on top of each other whereas I would like the three images to sit beside each other like how it looks on the desktop view. Is there any solution to this or any code I can use to fix this issue? Any help would be very much appreciated! here are some screenshots below for reference to what Im talking about.
  22. Site URL: https://www.twoofakindrentals.com/ Hello! For desktop my website's homepage is designed just as I like it. But on the mobile view the sections of images/text are longer vertically and taking up a lot of space. I already reduced the size of the images on mobile view but it's still too messy. How can I adjust the mobile view so that these sections of images/text are in rows of two and aren't taking up their own rows per image? I'm attaching example images showing you what sections i'm referring to. Thank you
  23. Hi! I've designed my website in the desktop view but everything looks wonky in the mobile view. Does anyone know if I can resize everything to scale to mobile view without having to code each of the element with media queries? Here's the site and password: https://www.somethingprivate.fm/ Private12345!
  24. Site URL: http://www.penguin-lemon-stc8.squarespace.com I'm trying to resize the background image so that on mobile view, the image shrinks and I can see the three people instead of the one. I know this question has been asked before, but I can't seem to make it work specifically with my website.
  25. Site URL: https://www.blvd.vet/ravenswood Hello, I'm in the process of putting virtual tours for each of our locations on our site. The tours are hosted by Real Vision, and while they work well on the desktop site -- they don't optimize for mobile. Spacers don't work, at least not on both sides. I can add one to one side, but the addition of the other essentially breaks the page and/or it's not even recognized. Here's the page in question: https://www.blvd.vet/ravenswood Any thoughts, suggestions or comments are extremely appreciated!
  • Create New...