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

Search the Community

Showing results for tags 'mobile view'.

More search options

  • 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
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 19 results

  1. Site URL: https://www.riisemcoaching.no So I made a pretty cool website for my startup business. Then I launched it for people to see. And then I realized it's not really that great in mobile view. BIG mistake of me, yes I know. So, I've tried to adjust some of the content but it's kind of half good now on both PC and mobile. I will also try making the text smaller. But is that really the case, that I actually have to change the text sixe on desktop mode to make it better on mobile view? I read somewhere that you can't customize mobile view on Squarespace 7.1. But I also saw some posts in here about adding custom code to make the mobile version better? What I specifically need to change, besides the huge text in mobile view, is how some photos are showing. When I add a wide picture to the website, it will just crop itself super weird on mobile view. Like, 2/3 of the picture gets lost and only the middle is showing. Also these collages are great on desktop but not so much on mobile view. Half of my photo is hidden by the text block. All the buttons gets weird, my beautiful blog banner gets weird.. Everything. looks. weird. Can anyone tell me how to fix this? I'm just a beginner at coding so I would appriciate a step-by-step explanation if adding customized code is the answer. I know "you're supposed to try and fail with coding", but I am on the clock here as my site has already been published. My business is also an exam case for my BA studies in entrepreneurship, alongside my other four subjects this semester, so I'm kind of pushed to the limit here with things to do. Please help me!
  2. Site URL: https://cmp-design.squarespace.com/product/folk Site URL: https://cmp-design.squarespace.com/product/folk Hi everyone, i'm using the 7.1 Carmine Template and i would like to reduce the size of the next/prev product arrows at the bottom of the page only in the mobile view. (see the attached screenshot) Generrally seaking i didn't find a way to modify the aspects of font, elements and so on in the mobile view. I remember that in the 7.0 version i was able to change some of these aspects. Have they disabled the ability to change these aspects? Thanks, S
  3. Site URL: https://www.duncanracing.com/ How do I change the font color of my mobile search field? The site text color is white because I have a dark background, with the mobile search field font color also copying the main text color, I'm unable to see what I type in the search field when I'm in mobile view because it's a white field box. Is there specific code for the mobile view search field that I need to reference?
  4. Hi, Is there any inbuilt way to arrange the order items appear in mobile view on Squarespace?...I ask as I have blocks on my footer that when on mobile view are not auto arranged in the most logical sense. Thanks, Tim
  5. Site URL: https://rockcreek-church-new.squarespace.com/config/design Hello! I need help getting my gallery block images that I'm using for custom social link icons to stay the same size on mobile and not get huge. Right now when you go to mobile view it will be HUGE and I need them to stay small. I'm using gallery block because we have more than just social icons we have an email and phone icon etc. It's for a church I'm doing their site and they HAVE to have that at bottom. I would love to know how to customize with code to get any image gallery block to stay same size as well as code to make it a certain size as well if needed. Password to view the site is : RC2020. Thanks! Brandon
  6. Site URL: http://www.newyorksubwaytiles.com I'm currently in the process of developing an online store and would like to understand how best to optimize the site for mobile. Right now images are cut off and products are very large. Is there anyway to ensure the tile image scales for mobile and products are two per line as opposed to one? Does this require specific code? Or is there a way to do this through the settings? Any help would be much appreciated. Website - www.newyorksubwaytiles.com Pass - newyork
  7. Site URL: https://pelican-ellipse-jp5e.squarespace.com/ I’m trying to figure out how to put my icons in two columns on mobile view. I’m not a pro at css so I need some help. Also, would I just get code to separate them and then input it into “ custom css” or would I do inject code? i want it to look like this website when on mobile. www.lexy.co.nz/
  8. Site URL: https://agriculturalinstitute.squarespace.com Hello, Does anyone know how to change the way the grid gallery is resized in mobile? I am hoping to have my 7 images appear on one line (7 columns essentially, even though they will be small) instead of 2 per row. I am using the Impact template within the Brine family. I tried this code to no avail: <!-- stack gallery grid on mobile --> <style> @media only screen and (max-width: 640px) { .sqs-gallery-design-autogrid-slide { width: calc(100/7)% !important; clear:right !important; } .sqs-gallery-block-grid { overflow: visible } } </style> Thanks for you help!!
  9. Hi I am trying to change grid gallery mobile view, but I do not understand how to change it. From the attached pictures you can see, that currently on the desktop and mobile view I have two pictures side by side. I would like to keep this design for desktop but I would like to have pictures in a separate row in mobile. I understand that I need to use CSS for that, but I was not able to make the change. Could anybody explain me how can I change the mobile view for grid gallery in a way, that pictures would be in a separate row? Thank you for all the help!
  10. Site URL: http://www.aasah.com/shop Hi Everyone...I'm hoping to get some help regarding the image layout on my shop page. On the mobile version of the site, I would like the images to be a single column rather than two, which they currently are. Thanks in advance!
  11. I set up a portfolio page with a number of sub-projects within that, each sub-project page with gallery grid images. The images have spacing between them which has been working fine on desktop view and mobile view until i logged back in today to do some more work on the site. Now although the spacing between the images still shows on desktop, the mobile view has the images touching at the top and bottom with no space in-between. I have rechecked the CSS codes I have added to date and can't work out why but looks like i may have done something wrong yesterday. Help would be appreciated in getting the mobile view to work again. The site is https://purple-chinchilla-4bnr.squarespace.com/ and password Toronto2019 thanks
  12. Site URL: http://www.iggyrabinovich.com/ Hello, I'm using the Miller template. My index page is an automatic slideshow gallery, and each image has a fixed height. On desktop, the images look perfect, but they cut off strangely in mobile view. Is there any way to change the aspect ratio on mobile without changing the way it is on desktop, or is there a way for me to change how the images get cut off on mobile? Thanks!
  13. Site URL: http://www.thecuratedexperience.ca Hi All, Having a few other issues with the mobile side of things as well. Just hoping for a quick workaround or code that can assist. BODY & SOUL Line breaks are in an odd spot HEATHERLEA Pictures don’t align with experiences Appreciate the help of such a great community! DC
  14. Site URL: https://www.jonasstensgaard.com/shop/funny-home-is-where-quote-bundle-svg-cut-files-family-quote-craft-file-funny-quote-design I'm on the York template. I've just started implementing Adsense on my website and have added ads via code blocks but I noticed a problem: When I add the ad blocks it destroys the way the navigation works on mobile. When I say destroy I mean you can click the hamburger menu but it looks like the menu is empty. In fact it looks like it's empty when in reality a LOT of space has been added above and below the links. The problem exists both in real-life viewing as well as through my squarespace website editor. I contacted Squarespace support and the guy I spoke to found out the problem only exists when using Safari. I tried clearing the cache and all that by following these instructions: https://support.squarespace.com/hc/en-us/articles/115004581087 But that didn't solve the issue. I also tried removing my code from the site-wide Code Injection as well as the custom CSS but that didn't change anything. Also, on pages similar to the one I linked to where I haven't added any ad code block the problem doesn't exist. So it has something to do with the way Safari handles the code block with the ad code maybe? Any idea as to how I can solve this problem? EDIT: So, I managed to do a sort of fix where I added custom CSS that targeted the container of the menu: .overlay-nav-container { height: 0px; } I just set the height to 0px and that fixed the problem - but you can still scroll and scroll because when I inspected the site code it said the container height was more than 5000px! Why does it say that? And is there another and more proper way to fix this? And is the code I added safe enough to use or will it create problems for me in some other part of my site?
  15. Hi, I embedded the Calendly code into Squarespace, but then the drop down menu on my mobile site doesn't work. Has anyone experienced this or know why? It is definitely Calendly because when I remove the code it works. Any help would be appreciated!!
  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. Bryant theme: I have a Slideshow Gallery inserted to force a full screen banner slideshow on the home/index page for desktop which works great, but not on mobile; the client would like a single static image for mobile views and nothing works. DEV url is: https://jenniferpurdue.squarespace.com Password: JENP As a stop gap, I set the slideshow gallery for mobile to display: none; as such: @media only screen and (max-width: 812px) { .sqs-gallery-block-slideshow { display: none; } } Removing that CSS displays the full slideshow for mobile again, even after adding the following code in: @media only screen and (max-width: 812px) { #home { background-image:url('https://static1.squarespace.com/static/5d6ed3c5377e890001aee163/t/5dcec8b5b5a1dd2c238cf24f/1573832887083/8724%2Brosewood%2Bave%2Bwest-large-003_LIGHTEST.jpg'); } } and this, with page id: @media only screen and (max-width: 812px) { #collection-5d6ed731fb91660001ed3ead { background-image:url('https://static1.squarespace.com/static/5d6ed3c5377e890001aee163/t/5dcec8b5b5a1dd2c238cf24f/1573832887083/8724%2Brosewood%2Bave%2Bwest-large-003_LIGHTEST.jpg'); } } Screenshots: I would like to use the attached image seen in the desktop view (which is #5 in the gallery) as the static banner image for mobile view. I have the the page's media image set as this image as well. Help, this is driving me mad and time is ticking — anyone? Many thanks in advance!
  18. Hello all, I would like to change the default menu icon + interaction to the one I found on this code-pen page: https://codepen.io/yousafkhan/pen/XWWJQyp I'm using the Sofia template. Does anyone know how I'd be able to do this?
  19. I'm using the Harris template. I have my logo on the footer. It's fine on desktop and tablet but the logo becomes huge on mobile view. Can this be reduced for mobile view only?
  • Create New...