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

Search the Community

Showing results for tags 'mobile'.

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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 261 results

  1. Hello! Having an issue where the mobile nav drops behind the Gallery Page content, hiding the menu links. When you scroll down it sort of pops everything down and then you can see the menu items. I don't have any custom scripts in the template, regular pages like "About" and "Contact" work fine (the nav drops in front of the content, doesn't push content down). Is this a flaw or are we not supposed to use Gallery Pages for main navigational areas? Here is my site, and I'm testing on an iPhone XS:http://www.sonnygamboa.com Thanks in advance for any insight! Sonny
  2. anyone know of code to make my home page header to display at its original ratio on mobile? i use a full-page index gallery on my home page - for mobile the photos obviously get vertically cropped, but wondering if i can set a fixed ratio that would keep the crop of the photos as-is on mobile. Thanks!
  3. Is there a way to set different minimum image widths for mobile and desktop? Ideal minimum width for mobile seems to be anything below 200px, which is too small for mobile view. On MILLER template if that helps.
  4. I'm currently working on a website for my church and I thought it looked pretty good until I clicked the button to look at it on a phone. For some reason it cropped the image (see attached pictures for details). How do I fix this?
  5. Hi - I want to use a different, stacked version of my logo on the mobile version of my site in the Avenue template. Does anyone have CSS code for this?Thank you
  6. Hi there! My svg seems to be disappearing on mobile in WAV template. The technique described by @daviddurbin on forum works great for desktop and tablet (uploaded transparent svg, added svg file, added custom css) but I'm at a loss for the mobile solution. Here's my css: .Header-branding {background-repeat: no-repeat;background-image: url(https://static1.squarespace.com/static/5d61e8939d1fc100018a3a88/t/5d64a186fed11f00015284f7/1566876038294/Tailgate+logovertical_orange.svg);} Hoping someone has an easy fix or media query solve for this! Thanks for any help.
  7. Hello! I am working on this site: https://rectangle-gecko-tryt.squarespace.com (password is: test) This site uses the York template. We have a markdown block that contains an embedded catalogue. It looks great on the desktop breakpoint. However, the padding is huge on the mobile and tablet breakpoints. I have been looking on here for tips on how to tighten the padding around/within a markdown block but everything I see on here seems to apply to images or other block types. Does anyone have any ideas? Many thanks in advance!
  8. I've found older answers to this question, but the solutions provided are outdated and the features explained aren't there anymore. https://www.maiatraj.com/ I'm using the Jasper template.
  9. I have a vertical line in my text to break it up. It looks fine on desktop but on mobile the line breaks right after the vertical line. I'd like to get rid of the vertical line just for mobile. Is there way to completely change the text from desktop to mobile view? I'm using the brine family template. https://www.stephanieausfresser.com/ On desktop it looks this: UX/UI Designer | Graphic Designer On mobile it look like this: UX/UI Designer | Graphic Designer Instead, on mobile I would like it to look like this without the vertical line: UX/UI Designer Graphic Designer Thanks
  10. Hi there, The website for www.suzanne-lerner.com looks great but we are experiencing odd word breaks for words that would not normally be hyphenated. I have tried to add code and have replaced the text block with Markup text but nothing seems to work. Code used:h2 { word-wrap: normal; } @media only screen and (max-width: 640px) {h2 { font-size: 24px; } } Margot templateWe are using a custom font In the attached screenshot of mobile view, Markdown text is on top and standard text block on the bottom. We'd prefer NO word breaks. Is this possible? Thanks in advance, Sharon
  11. On mobile the site seems to shift around if I swipe left to right, almost like the dimensions are meant for a different sized screen... It even gets stuck with about 30px padding off the right side of the screen and leaves a white space that disrupts the entire layout and makes things move around... what's the issue?? My site is www.amativecreative.com if you'd like to look. Template is Burke. Thanks!
  12. I am building a pricing table of sorts which encompassed four images of the same size with the idea that they will be parallel. I'm running into an issue with this on mobile because not each image has the same # of benefits. For example, Tier 1 has 3 benefitsTier 2 has 5 benefitsTier 3 has 8 benefits Tier 4 has 10 benefits In desktop, since the 4 images will be parallel, it looks okay. In the mobile view, Tier 1 lists the 3 benefits and then the user would need to scroll through all of the blank space to see Tier 2. ** I would like to use different images in the mobile view of the site** Is there a piece of code I could use to accomplish this?
  13. I am using banners without text simply as a way to get a browser-width image in Bedford. While these banners respond excellent on desktop and larger mobile devices, they are far to shallow (~212px high) on smaller mobile devices, (~750px wide and smaller). (I think) I would like to use media query to target smaller mobile devices and increase the banner container height to ~420px high. You can access the site here: https://seahorse-tulip-rfst.squarespace.comBelow is visual reference of the difference in sizes. Thanks in advance.
  14. I just went live with a website (www.providancepac.com) and I'm having several issues with the YouTube banner videos not loading both on mobile devices and one in Chrome on MacBook Pro. On IPhone in Safari the Video does not load and fallback image is a solid color. On Samsung phone in Chrome video will play but I have to click the website logo and then video plays but not always. On Ipad in Safari & Chrome fallback image shows but no video. On Macbook Pro in Chrome video does not play until I reload the site by clicking the logo. Not finding a fix for these issues in the forum topics I have searched so far. Any suggestions are much appreciated.
  15. When I send my website address to people via text, the logo is oversized in the text window. How can I change this?
  16. Hi, I'd like to know the css code to change the drop menu on Wells template. So instead of the logo and hamburger icon goes down, I'd like them to stay locked on top and the menu drops under the logo/icon. Can someone help me please? Attached the screenshot for a better view of my issue
  17. Hello, The custom fonts that i have added in css looks fine in one computer, another is not reflecting the body text only while, the mobile is not reflecting body text and H3... anybody know why different browsers show different results when it comes to custom added fonts.. ? Thanks
  18. Hello, I have added a custom font to my website through CSS - it works on desktop but on mobile the font won't load although i put the codes for mobile also p>{font-family:'Reforma1969-Blanca'} @media screen and (max-width: 640px) { p {font-family:'Reforma1969-Blanca'}} These are the codes that i have used. Any suggestions?
  19. On mobiles my shopping cart is hidden behind the zopim window at the bottom right of the screen. How can I sort this out? Is there a code to move the zopim window? www.senseequine.com Thanks!
  20. Hi, I changed the "mobile breakpoint" to 1000px (just to test, but will probably keep about this size, and only the menu changes at that size from a full navigation to a hamburger type. The grid and the pages with images do not stack into a single column until the typical 640px breakpoint. Does anybody know how to get around this? I need all the columns - grid gallery and page layout - to go to one at 1000px wide. Thanks!
  21. I have a couple of blocks of code in some product pages that do not show initially when the page is loaded on a mobile browser. If you refresh the page, it will load correctly. I have checked that this is the case on multiple phones, so I know that it's not simply a cache problem. The code is a vital part of my website and I need to figure out what is causing this!
  22. Hi all, would anyone be able to write the CSS code (please) so when my website is in mobile view the word 'Menu' (font) is bold and a larger font size please? At this moment it's very faint? Any help you could give it much appreciated.
  23. Hello, I need my mobile image rows of 6 not to stack, makes them huge. I would love 3 rows on 3. This is it on desktop:Thank you :)
  24. I recently upgraded to an iPhone XS and quickly realized that the video headers on two of the sites I’ve created in Squarespace are not loading/playing. The backup image is being served instead. I’ve scoured the web and can’t find the issue on other sites so I can only assume it’s a Squarespace thing. Also, I’ve been to other sites made with other cms and didn’t have the same issue with video headers.
  25. Using the Harris Template, the logo I have placed on my footer appears far too large on mobile. I am looking for a solution in order to make it smaller, as it is on the laptop and tablet view. Thanks.
  • Create New...