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: http://bontafriends.com None of the pictures are resizing for mobile. I added the code below which worked for the homepage banner, but not any of the other banners or pictures on the website. I suck at coding, can anyone help? @media screen and (max-width:767px) { .homepage #page section:first-child { min-height: 40vh; height: 35vh; } }
  2. Site URL: https://piano-lanternfish-ss56.squarespace.com/ Hello, I'm trying to make the logos two columns when in mobile. Right now, it is showing as one column on mobile. Can anyone help me with this please? https://piano-lanternfish-ss56.squarespace.com/ PW: 1234
  3. Lots of folks have asked a similar question in different ways and there don't seem to be answers posted, so I figured I'd try again. This community is such an amazing resource! I am wondering if there is a way to use CSS to swap the order of blocks in mobile view so that you can specify some blocks to stack right to left rather than the standard left to right. So something like: @media only screen and (max-width: 640px) { //identify blocks you want to swap and change their order } My site is fh-partners.squarespace.com. Here's what I want to do specifically (on the team page): I re
  4. Site URL: https://www.patriciateodoro.com 1. Hello! I am using the Wells template. I am looking for help on how to add a drop down to the mobile navigation version of my website. When viewing the desktop version the link, 'Main' and 'Thought Tree' show a drop down with other links but with the mobile version it just shows all of them and it looks quite messy. If that is not possible how can I add a line spacer/border above them so they're spaced out? I also tried making the drop down a:link smaller in font size but for some reason it also made the, 'Home' link small too and I could
  5. Site URL: https://olive-marlin-t4e7.squarespace.com Hey guys, I'm trying to adjust my index gallery on mobile so the entire image shows, not just a portion of it. I tried width: 100%; with no luck. Thankful for any help!! Site: https://olive-marlin-t4e7.squarespace.com pw: circle
  6. Site URL: https://silver-grouse-tc6g.squarespace.com/config/ Hello, In the MOBILE view, I would like to increase the space between each of the images in my gallery pages. I am using Wells template and my issue is only with the mobile, where it can be confusing as to whether a caption belongs to the image above, or the one below. I would like more space between the images regardless for a less cluttered look (and giving more importance to each image).
  7. Site URL: https://www.map-ebt.org/home Have 3 logos (as image blocks) laid out horizontally in my footer when viewing on desktop. I would like to force these logos to stay in a horizontal row in my footer when in mobile.
  8. Site URL: http://www.bagelcoffeeculture.com/en/home Hello community, Writing about the custom font I uploaded on this site > http://www.bagelcoffeeculture.com/en/home 1. It appears fine on desktop, but the "S" is appearing a bit wonky (with a white/outline) 2. It's not appearing at all for me on my mobile device Can someone help me troubleshoot? Thanks in advance.
  9. Site URL: https://elephant-crane-cc3x.squarespace.com/ Hi, When I check my homepage on Mobile it looks like this, which is fine: But when I want to enlarge these main images on the homepage they become pixelated (see image below). However I added them in high quality. And when I want to zoom out. The logo looks really weird (see image). How can i solve this? Many thanks!!
  10. Site URL: https://art-by-valentine.com Hey! I would like to move the content of my homepage up so it looks closer to each other as currently there is a lot of empty space. I have attached a screenshot of the mobile and desktop versions so you can see what I mean. I do not know how to code, any help is much appreciated!
  11. Site URL: https://www.cityzerofilms.com/ Hi folks, Minor issue here. I recently added our demo reel to autoplay in the Home page banner which will only work on desktop (would love it to work on mobile but...). I then chose a fallback image for mobile. The fallback image on mobile always takes a few seconds to load and I'm wondering if there's anything I can do to speed that up. Things I've already tried: Resized the image to 1365x768 Encoded the image export to JPG rather than PNG. Any help is much appreciated. Thanks!
  12. Site URL: https://www.cityzerofilms.com/media Hi folks, Just looking for some help with my Vimeo player on mobile. In our media section we have our demo reel added as a video block from Vimeo. There's a little play symbol in the middle and when clicked on when viewing from a desktop the video starts to play. When clicked on when viewing from a mobile device it then shows the Vimeo player controls and you have to again click the little play button in the left corner to get the video to play. Is there any way to code this so it works like it does when viewing from a desktop? ie:
  13. Site URL: https://werkit.se Hello, I am on a "Personal" plan and am looking for help on the following things: Removing the site title logo from only the first main page. Make the mobile version show a different image on main page and in headers then the desktop version. Thanks in advance!
  14. Site URL: http://www.domrugman.co.uk Hi, I recently requested some help with my margins on mobile. Since applying the code from the response, my desktop margins seem to have been thrown out of sync from homepage to work page. And the mobile margins still don't line up. I'm hoping to achieve a really slimline margin on all pages, at all sizes, that feels consistent from desktop to mobile. Logo, copy and images to all perfectly align that margin. domrugman.co.uk - pass: dom123 Any help would be greatly appreciated. Thanks,Dom
  15. My particular issue is this photo that on the desktop view is perfect but mobile view the button is too far down off the photo and runs into the other text. It would be ideal to squish the text upwards slightly and then extend the background photo as well to get it to fit; is that possible with custom CSS? As well on this page in mobile view, the text scoots too far upwards on some of the other pictures like this: Any help on either of these would be much appreciated! site link: https://www.aclaritywater.com/solutions-219 password: Aclaritywater!
  16. Site URL: http://www.lunaanneprints.squarespace.com I have been looking through the forums trying to find a code to use so I am able to have my product images side by side on mobile view instead of stacked and I can not seem to find one that works. I am still in the process of finishing my website before I publish it, I am not sure if that has anything to do with it? My URL is lunaanneprints.squarespace.com and my password is Liverpool Please could someone help a lost soul - my user experience is super important and most of my customers will be using their mobiles. I have no
  17. Site URL: https://www.dianecookjewelry.com Hello, could someone help me with. My banner image on homepage (it's a sliding banner, not sure if that makes a difference) and contact page does not display correctly. Website was built on 7.1. Could someone help me with code to correct? Many thanks!!! Jeanette
  18. Site URL: http://www.majamalmcrona.com/ Hey guys! My website majamalmcrona.com has a row of three images displayed on the front page (image blocks). On the mobile version, it currently shows up as only one row of image. I would like the mobile version to have two rows of images. Anyone know how to go about this? I've seen the code below been shared a few times with regards to this, but to me it doesn't seem to work... @media screen and (max-width:767px) { div#page-section-5eae050ded72103d3af701d9>.row>.col { width: 50% !important; float: left !important; } }
  19. Hello, It looks like the mobile mode cannot be disabled for 7.1 version but with a custom code, it is possible. Could I ask how I can obtain this information as the mobile mode for my website is a complete mess? Thank you so much in advance...
  20. Site URL: https://blackwise.co/ Coming to the experts! Everything was great but now in mobile view my content is favoring the left so you can only see the very far right content. The slideshow looks great but everything else is messed up. Does anyone know why it would suddenly do that how to fix it?
  21. Site URL: https://www.reallygardenproud.com Does anyone know how to add dividers to navigation on mobile templates 7.0 & 7.1 like this
  22. Hi, I am putting in social links that connect my company's platforms (Instagram/Tiktok/Snapchat). The image icons are appearing on the desktop view BUT in the MOBILE view they are the generic "LINK" image. I used the code below. What code do I need to get the icons to attach to the drop down window in MOBILE view? THANK YOU! Header: .sqs-svg-icon--list a:nth-of-type(2) { svg { display:none; } background-image: url(https://static1.squarespace.com/static/5fbeaab360f2895dc1da2707/t/602fd6f850006145e3121972/1613747961030/tiktok.png); background
  23. Site URL: https://www.roomone.ca/new Hi There, I've searched the forums but this is all very out of my area of expertise with coding. I am rebuilding my homepage but would like to know how I can get the images to go side by side when in mobile view. Either so that there are 2 images per row instead of the stacked 1 per row it does now. It just breaks things up too much and since my website viewers are mostly mobile I'd love to appeal to them. I'm referring to the image blocks under the main header that says 'Skincare Basics' and the products towards the bottom that says 'Tessa's F
  24. Hi, I am using the brine template... I want to target and control the size of a specific image when changing between desktop, tablet and mobile. The image is the logo 'tbk' and sits within a banner at the bottom of a page. The size of the logo is perfect when in desktop mode, too small in tablet mode and too large on mobile. Is there some custom CSS i can add that will allow me to control the sizes for each. See images attached. website: tbktest.squarespace.com Thanks in advance. Dan.
  25. Site URL: https://yasutokimura.com/store Site URL: https://yasutokimura.com/store PASS:6222 I would like the "mobile view' to show two columns for online store items. Right now the items are stacked in one column. Any suggestions on how to achieve this please?
  • Create New...