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.marydisomma.com https://www.marydisomma.com/homeorig password: baking1 I am having issue with the padding around this summary block slideshow. I have tried three or four bits of code I found on earlier posts, but I none of them fix my issue. I am not a coder, so it may be user error. But, I am certain I am using the correct section id section[data-section-id="5fd2dc18a0405a46535148be"] Here is some of the code I have tried, but have not had success with: section[data-section-id="5fd2dc18a0405a46535148be"] .gallery-slideshow { padding-bottom: 2v
  2. Site URL: https://brshadley-sporting-report.com/ Hello, thanks in advance for any help. I'd like to a line to the bottom of my fixed header on mobile. Squarespace 7.0, Brine template. I was able to achieve this on desktop (code: .Header { border-bottom: 2px solid #ffc330; }), but it doesn't transfer to mobile and I haven't been able to find any code that works on mobile. Any help appreciated. Ben
  3. Site URL: https://paddlefish-blackbird-g477.squarespace.com/home 7.0 website I cant seem to get my mobile banners to adjust on mobile. Here is an example of the homepage banner on mobile, ideally I want the image with the logo to be resized/centered. I have tried inserting this CSS: @media screen and (max-width:600px) {.Index-page--has-image .Index-page-content { width: 100% !important; height: auto !important; }} https://paddlefish-blackbird-g477.squarespace.com/home pw: balance
  4. Hi! In order to have add to cart buttons on my product page, I have added multiple products individually using Product Block. When I view the site on mobile, it automatically changes to 1 per row. How can I force it to 2 product blocks per row? Thanks in advance, Doug
  5. Site URL: https://www.daphnes.co.nz/ Hi there, Having trouble with the formatting of text links on the contact page, but on mobile only. When these links begin on a new line on mobile they have an extra space before the link - making it look like they are indented. See attached example. Also, this error doesn't appear when I'm on my browser and go 'Inspect' and view it at different mobile sizes - it only appears on an actual phone browser.. I am using custom css on the site and I have checked the relevant parts to see if they affect it but no luck so far. If anyone cou
  6. Site URL: https://www.noelaesthetics.com The stock Getty image I used on my home page looks blurry on mobile. It displays fine on desktop and on the mobile visualizer in edit mode. The distortion is slight, but it's enough to drive me crazy. Any idea how to fix this? Desktop: Mobile:
  7. I have a YouTube background video that doesn't look great on mobile. Can I use a completely different YouTube video as the background video on mobile?
  8. Site URL: http://cohoopsacademy.com All, I have added an image to my site background pages and it works great on desktop browsers. But on mine and a handful of others iOS phones the image is "dark" but on some other iOS and Android phones it works fine?? How can I fix this, it makes no sense?? Please advise - thanks!!!
  9. Site URL: https://www.voyagerclub.co/the-voyager-bazaar Hi, I am trying to get 4 product images on desktop (which are set up as individual images and text) to show as two images with text underneath on mobile site. https://www.voyagerclub.co/the-voyager-bazaar Please could someone help me with CSS? Thank you so much in advance Sophie
  10. Site URL: https://www.dianatantillo.net/storyboards Hello, I know I have seen the comment of reordering blocks on mobile and I have tried a few of the solutions offered, but I just don't know what I'm doing wrong. I have on desktop: [gallery] [text] [text] [gallery] And for mobile I want the image gallery to be above the text, but no matter what I try it doesn't seem to do it. I want My other question has to do with aligning vertically text. I would like the text next to these gallery block to be centered with them. What I have right now I did with spacers, but the small
  11. Site URL: https://gaultstone.squarespace.com/firepit-kit https://gaultstone.squarespace.com/firepit-kit When you view this page in mobile, the font under the gallery images is massive - can you resize for mobile to match the font below on the image card?
  12. Site URL: https://www.phyo.es Hi my friend, im trying to add a vertical line on my website. I use this code: <div class="home__verticalline"> </div> <style> .home__verticalline { position: absolute; height: 2200px; border-left: 1px solid #d6ccc4; left: 50%; } </style> But I want to hide it when im on mobile so I add this media query: <style> @media only screen and (max-width: 700px) { .home_verticalline { display: none; } } </style> I think my code is OK, but when I check the website on mobile the "med
  13. Site URL: https://mikestrux.com/ Hi! Is there any way to change this? My logo in the footer looks fine on the desktop version but on mobile it takes up the entire middle of the page? Thank you!
  14. Site URL: https://endive-denim-89ds.squarespace.com/resorts pw: 1404-Hello Hi community, I have made a wall of images on my page that looks great on desktop, but feels way too long on mobile. I would like to display two images per row (kind of like an instagram page) for mobile screens only. I have tried with the code below that targets the section only, but it doesn't put the images side by side... Any help is appreciated. Thank you ! @media screen and (max-width:767px) { div#page-section-5fd63cbbc4373837b905ef57>.row { display: float; justify-content: space-be
  15. Site URL: http://www.3aflooring.com I'm really happy with the site I've put together on Squarespace. But ideally I'd like to keep my company logo when viewing in portrait on Mobile View. Could anybody let me know if there's an easy fix? Image attached is how it appears to be as default.
  16. Site URL: http://www.foxandvamp.squarespace.com Hi All Trying to swap the order of blocks on mobile Tried various codes from the forum but no luck. Please can someone talk me through the process as there's a few instances where I want to swap these round. Thanks PW: london88
  17. Site URL: https://www.mymanagr.com/ Hello, I am working on a website in Squarespace 7.1 (www.mymanagr.com) (PW: mike123) and am looking for help regarding section two on the homepage with the gallery slideshow. The slideshow image on mobile and tablet has tons of extra space above and below it. I need the section height and width to remain large on web so the image is big, but need to change the height and width to small on mobile and tablet so there isn't so much space. Is this possible to do with custom code? Thanks in advance.
  18. I need to keep 6 nav items visible in the header on mobile and hide the the others behind the burger menu. Is it possible to do this and stack them below the title and burger?
  19. Site URL: https://fmwbunitedway.com/our-supporters URL: https://fmwbunitedway.com/our-supporters Within the accordion element of the Special Initiatives section, I would like the logos to form two columns on mobile (instead of a single column). Normally, I would use a Gallery block, but since these blocks don't exist in Squarespace 7.1, I'm trying to find an alternative solution. I've tried this code so far: @media screen and (max-width:600px) { div#page-section-603fc5083ae8be1dee8da14b .span-12 { .span-4 { width: 50% !important; float: left !important; } } } The is
  20. Site URL: https://bonnieandgarcia.squarespace.com/ Hi I'm using the sonny template and I can't work out how to reduce the banner sizes on my home page to suit mobile view. The banner images are fine when viewed from a computer, but are significantly cropped in mobile view. How do I reduce the size of the banner images so that their entire width is visible in mobile view? I've read through other forum posts with the same issue but can't work out how to get the custom css codes to work for my website - thank you! My URL is https://bonnieandgarcia.squarespace.com/ passwor
  21. Site URL: https://www.luxeofmykonos.com/ Hello, I was wondering how see my videos on my mobile as when I go on the site from my mobile it only shows my brand photo. Also, how can adjust or resize my banner image so the image its displayed full and not cut in half or cut in a way its not displayed properly? I would really appreciate your help.. On the picture below it shows how the image its displayed from my computer, instead i'd like the whole image to be showed on the banner This is how its the image its displayed on my mobile and its also not displaying the
  22. Site URL: https://1931gallerybistro.com Hey there, Anyone know how I can fix this problem of the folder links having the arrows underneath each nav item? I've tried making the font size smaller, but it still has a line break for the arrow. Website: 1931gallerybistro.com Any advice would be appreciated, thanks!
  23. Site URL: https://www.immyhowardmillinery.com/bandanna-bows Hi there, I am in the process of building some product pages on my website (the current products listed are demos set up by my Squarespace template and are unlinked, but the pages are enabled) and the current layout of my products is 3 per row on Desktop view. I am trying to alter the mobile view of my product pages to have 2 products per row, instead of 1 product per row. Is there a way I would be able to do this? Any help would be much appreciated. I am very new to using Squarespace so apologies if I have overlook
  24. I'm trying to add some custom css to the mobile layout of the website, but for example the following code is giving syntax error: @media screen and (min-width: 0) and (max-width: 1207px) and (orientation: portrait) site.css:1577 .site-wrapper, .sqs-catalog { font-size: 12px; } Any ideas to solve this?
  25. Site URL: https://www.patrickpilato.ca/ Hi there, I have hover effects on icons on my homepage that work great on desktop, but do not work properly on mobile. Can someone help me remove these hover effects only on mobile? And also help me center align the captions on these icons on mobile please? A. B
  • Create New...