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.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
  2. Site URL: https://typeaprofessionals.com Hi there, I'm using the Brine 7.0 template with the parallax scrolling effect for three images on my home page. The images look fine on desktop and tablet view, but when I look at my site on my phone, I notice there is a black space below the images before they start scrolling (shown below). I'm using this CSS to make the header fixed--could this be cause of the black space problem beneath the images? Any idea how to fix? Thank you! //fixed header navigation// .Header.Header--top { position: fixed; top: 0px; z-index:10
  3. Site URL: https://www.cboothandson.co.uk/ Hello I'm hoping someone can help me with this issue. I want to insert some CSS that will stack the different 'category navigation' links at the top of a product page on top of one another when viewing a product page on mobile devices. At the moment customers have to scroll along the 'category navigation bar' to find the category they are looking for. There is no indicator for the customer either, so unless they know this is how this site works they will miss a number of the categories. I have attached a screenshot below of how
  4. Site URL: http://www.pointerway.com I've got my new 7.1 version of my website up and running but I've got dreadful formatting issues with H1 text on mobile and in paned windows on desktop browser (see attached screenshots). It seems like the page isn't shrinking the text enough to keep full words on single lines. Any ideas? Thank you!
  5. 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
  6. Site URL: https://www.lightbulb.com.au/home I am using a code block to embed an animation for the title page and am having a few issues: Layers: I need the text "connecting people to purpose" and "and strategy to execution" to sit neatly when switching to mobile. Currently the "strategy to execution" part drops off under the animation background. I think that's because the code block is currently inline with the text so pushes the text when re-sizing, but not sure how to fix. In my mind if the animation background sat on z-index:1 and the text sat on z-index:2 it would work, but the c
  7. Site URL: https://lightroom-masterclass.com Hi there, When browsing my site through clicking Instagram bio link, it takes me to my site but when scrolling down the header image expands which is really jarring and looks bad. I didn't change anything andd it's been working fine for a year, seems like it happened with the new styles update? Also when scrolling back up, the page jitters / stutters - this doesn't occur on chrome mobile browser for example. Any ideas? Thanks! Luke
  8. Hi all ! So I am creating blast email templates to send to my contact lists, where I choose a specific color for my section background (let's say, green). It looks great and all, but when someone receives it on their phone or tablet, and their dark mode is turned on, then the background color inverts and it looks really bad. Is there a way to force the background color on any devices? Thank you so much for the help!
  9. Site URL: https://gregorylassale.com/ Because of the scaling, the center element on the Services pages (https://gregorylassale.com/english#services and https://gregorylassale.com/french#servicesfr) is out of alignment on mobile. Is there a way to insert a spacer or get the elements aligned just on mobile? Here is the desktop version: Thanks in advance for the help.
  10. Site URL: https://www.mccookchristian.church/moveauction I tried several custom css codes I saw on other posts, but nothing works. I have an overlay on desktop sites, but nothing on mobile.
  11. 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 informd.co.in or informd.squarespace.com . Here's what I want to do specifically (on
  12. Site URL: http://paddlefish-blackbird-g477.squarespace.com/ I cannot recreate the issue my client is seeing on her Apple mobile device. I am on Android and it appears as it should. On Squarespace configuration site, it appears as it should. Screenshots attached of text cutting off all over the site http://paddlefish-blackbird-g477.squarespace.com/ password: balance
  13. Site URL: https://coconut-lobster-36me.squarespace.com/ Hi! I was wondering if someone could help me with a site I'm pulling together URL: https://coconut-lobster-36me.squarespace.com/ Password: izette I have some Project Pages with galleries on (with 2 or 3 columns on desktop). It would be great if these could be just one column on mobile. Currently the homepage exhibits this behaviour as desired but I wondered if it could be replicated with custom CSS for the Project Pages. Pretty much the opposite of this! Here's the homepage on desktop: Here's t
  14. Site URL: https://saffron-cone-7hws.squarespace.com/ Hello, I'm using a portfolio with a hover feature on were the title is displayed on the image after hover. On mobile and tablet devices I would like this to show a title on top of the image instead, justified to the left of the image - can someone help me with the code? I tried various CSS I found by searching the forum but none of them worked for me. Thank you!!!
  15. Site URL: https://www.ktbaxter.com/ Hiya, I just want to know if there's a way to set a different image for my home screen for mobile rather than it condensing the one I have set for web view. I made one specifically for web and I think it looks great but on mobile it looks quite naff as the images aren't centred so it's literally just the word "welcome" on a dirty background. I'm making a new image for the mobile view but I just don't know how to add it for just mobile. Thanks in advance!
  16. Hi everyone, I'm stuck at a particular problem: No. 1 I'm working on a gallery of album covers and want to create the exact same effect as on this page: https://www.metallica.com/releases/albums/ Meaning: hovering over the image makes it greyed out (in the above example it's red) and a text with a subtitle for the release year appears. Then you can click on the gallery image and it will take you to the respective page. I have managed all of this with the below CSS coding BUT once I switch to mobile the font size gets way too big and messes up the whole look of it (see scree
  17. Site URL: https://football-bloggers.com/authors Images that should have been lined up horizontally will be forcibly resized and lined up vertically when the screen gets smaller. How do I get four images in parallel, even on mobile? The template is WAV. The video is attached for reference. squarespace.mov
  18. Is it possible to use CSS or other coding to turn on the ability for users to pinch-to-zoom on images in Lightbox view on mobile devices? (It would have to be the usual zoom in/out gestures, in Lightbox mode, on a Gallery Page.) I don't understand why Squarespace still doesn't allow this. Every other website and gallery maker I know of does it, as it's a hugely useful feature for photography and art given how small mobile screens are. Thank you!
  19. Site URL: https://wolverine-magenta-733g.squarespace.com/ Hi all, I've created a landing page from a Blank Page by hiding my header and footer and setting it as my home page. Trouble is, the autoplaying, looped HD vid I've got to say hello is floating to the top of my mobile browser (though it lays out just fine on desktop and tablet). I've tried the CSS patch mentioned in a previous thread : /* mobile video */ @media screen and (max-width:767px) { html, body { overflow-x: hidden; } div#block-yui_3_17_2_1_1618176624905_5010 { left: 50%; transform
  20. Site URL: https://coconut-lobster-36me.squarespace.com/ Password: izette Hi! I've found similar questions to this, regarding product lightboxes but struggling to work out the CSS for my site... Is it possible to add arrows to mobile lightboxes? (or at least not have the arrows disappear when the width is narrow?) Here's how the arrows appear on desktop - which is OK: But when it's viewed on mobile, they don't appear: Please let me know if this is something custom CSS can help with! Thanks in advance 🙂
  21. Site URL: https://www.outsidelinestudio.com/ Hi! I'm using Rally template and I just noticed the website logo isn't appearing on mobile view. Any ideas for a fix? Thank you!
  22. Site URL: http://paddlefish-blackbird-g477.squarespace.com/ On mobile, all my headers started fixing to the top of the screen - they used to be centered. Not sure how I might have broke this - http://paddlefish-blackbird-g477.squarespace.com/ pw: balance
  23. Site URL: https://www.bycourtneytodd.com/ Hi, Can someone help me figure out how to move this image overlay text higher on the mobile version of my site? It looks fine on the desktop view but it sits very low on the mobile view. I've attached a picture of where I'd like the text to sit (if that makes sense). Also, I have text like this on multiple pages and would like to adjust it anywhere it sits too low. Thank you!
  24. Site URL: http://bradleystearn.co.uk/ I'm struggling to find a way to remove the negative/blank space on the mobile view of my website. Viewing on desktop the design is how I would like it, swithcing to a mobile view you'll see a lot of negative white space between my header, and the image slideshow. I've been hunting around the design section of the edit menu, but cannot find a way to remove this space, which doesn't affect the design of the desktop version. http://bradleystearn.co.uk/ Thank you
  25. Site URL: https://www.skalarsystems.com/en/home Hi there, I have designed a website with different category options in the menu bar. Under some of the categories, there are sub categories. Problem: With the desktop view, all the categories display. On mobile however, only one of the subcategories from each category displays. Does anyone know how to resolve this?
  • Create New...