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://giraffe-fife-xnsh.squarespace.com/work Hi, I have tried all suggested code to apply two columns to a portfolio for mobile version but none of them seem to work. I was wondering if other code may be preventing it from working but would love some guidance! Thanks, Billy
  2. Site URL: https://www.tothemart.net/ Hy guys! The site is password protected, the password is: teste OK so , until last night my site was working properly This is the CSS i used and it worked perfect: /* Change dropdown menu background */ .header-nav-folder-content { background: hsl(60, 7%, 77%)!important; } .header--menu-open .header-mobile-logo img { -webkit-filter: invert(100%); filter: invert(1); filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } .gallery-grid-item img:hover{transform:scale(1.5); width:100%; height:100%; o
  3. Site URL: https://coconut-lobster-36me.squarespace.com/ Password: izette Hi I was wondering if it's possible to easily disable the lightbox functionality for mobile only, while it still remaining functional on desktop? Thanks
  4. Site URL: https://meck.com.au/mission Hi there, I've got a series of images where my text is alternating on the left and right of the image. I have duplicated some of these blocks and shown them only in mobile view so that when scrolling in mobile view the text appears before the image. However, a blank space has been added each time a block is hidden, and the same goes for the desktop view where blocks have been hidden. Thanks in advance! The page I'm working on is https://meck.com.au/mission
  5. Site URL: https://www.andrewjchristensen.com/about Hello! I'm wondering if anyone would know how to make a particular image swap for another image when viewed on mobile. The image in question is the graphic below the body text on this page: andrewjchristensen.com/about (the handwritten initials). I'd like the mobile version to have my full-signature (seen in the top navigation on my desktop site). On mobile the initials appear way too large, and also redundant with my mobile logo image. Any custom-code advice here? Thanks in advance!
  6. Site URL: https://www.iahomesflorida.com/ Hello, I'm having a similar problem. Instead of a logo in the footer, I want to include an LGBTQ flag. It looks perfect on desktop but takes up the entire screen on mobile. Any assistance would be greatly appreciated! Site is IAHOMESFLORIDA.COM
  7. Site URL: https://goose-magnolia-r53a.squarespace.com Hi there, I have a few columns set on my site on this page - jm-creative.com/brand-bootcamp This is fine on desktop but adds a line space on mobile. Can someone help me with this? Thanks, Jane Password: Orlabean16
  8. Site URL: https://www.ambiancecurator.com/ Hello, I am trying to use the code below to optimize my font size on the mobile display. For some reason it is not picking it up. Could this be because I already have a custom CSS code for a custom font? How can I code this so that the mobile layout responds to the code? @media screen and (max-width: 641px) {body {font-size: 11pt}h1 {font-size: 13pt}h2 {font-size: 13pt}h3 {font-size: 16pt}}
  9. Site URL: http://www.mattshafter.com Hello, I have an exceedingly simple new website (1 page,) but my 6 columns of gallery pictures do not render well on mobile (see attached.) What should I do to get these 6 gallery pictures to render on mobile with 2 pictures side by side? Thank you.
  10. Site URL: https://ooak.squarespace.com/ Hello, I am trying to get 3 product blocks to sit side by side in mobile view (instead of a single product view), I've attempted a few codes as advised on the forum, however these don't work. It's in the SHOP section. Kindly help!
  11. Site URL: https://www.rivalarchery.com/ Hello! What code could I use to make my Rival Limitless product show up on the top of the screen on the home page, only on the mobile view, and leave the desktop view unaffected? Thanks! Skyler
  12. Site URL: https://www.klemmewolff.com/ Hi :) I added a code block for a scroll indicator and I'm wondering if there's a way to hide it on the mobile breakpoint? This is the code I have right now: <div class="mouse"> <div class="mouse-icon"> <span class="mouse-wheel"></span> </div> </div> <style> .mouse { margin: 50px auto; width: 100px; } .mouse-icon { width: 25px; height: 45px; border: 2px solid #F6BA93; border-radius: 15px;
  13. Site URL: https://www.karensarailopez.com The mobile overlay menu button for my website appears all the way at the bottom of the screen and it's far smaller than the rest of the navigation options. Is there a way to move it up so that its at about the same spacing as the rest of the menu links and so that it's the same text size? Thanks.
  14. Site URL: https://www.jamesfryimage.com/ A problem has been noted when the site is viewed on an iPhone 12 max pro, which has 6.7 inch screen. The Desktop view seems to kick in at sizes bigger than 6.5 inch. What is needed is the site to be in Mobile view mode at sizes up to say 7 inch, to allow for these bigger mobile devices. Would some code be possible to force Mobile view at browser sizes 7 inch and below, instead of, the at present 6.5 inch and below?
  15. Site URL: https://www.oursnrg.com/ Hi, Looking for some advice on the best way to set line breaks for mobile to style headline text? Here is what is it currently looking like on the website and here is what I'm after Thanks in advance. a
  16. Site URL: https://www.vernacularcircles.com Howdy, friends! Hoping you could assist me with a mobile issue I’m running into—on my desktop site layout, I’m using multiple 6-column simple grid galleries alongside a few larger, 3-column gallery sections. On mobile, however, sections featuring three larger images gets shrunk down to an awkward 2 column layout. Is there a way to have just these particular gallery sections display as larger, individually stacked images on mobile? If possible, I'd like to be able to make the change to each [data-section-id] , rather than a global CSS chan
  17. Site URL: https://www.saragagliacouture.com/collections Hi there, I have some images set with caption on hover but on mobile this does not work so I'd like to change this setting and have the caption always on, only for mobile version. I have tried some codes I have seen from other queries but for some reason they do not work for me. Can you please assist? My site is: saragagliacouture.com pw: Saragaglia
  18. Site URL: https://www.everettfitch.tv Hi there, I need help with my mobile menu. I use the Avenue Template. I have all the font changed on my mobile site except for the subfolder "Photography". Can you help me with this? Here's my website: https://www.everettfitch.tv I've also attached some screenshots. As you can see the only font that's different is "Photography" which is a folder. I need it changed to match the rest. Thanks, Everett
  19. Site URL: https://experiencefairfieldct.squarespace.com/ https://www.experiencefairfieldct.org/ For the home page slider/banner we want to make the mobile font size larger for "spring shop & stroll"
  20. Site URL: https://www.blksapote.com/products On this site on mobile, the product image is overlapping onto the product title, and I can't figure out how to adjust it. I went into the style settings and nothing is helping me adjust it. Can someone help me figure out how to fix this? Website: www.blksapote.com/products Only happening on mobile.
  21. Site URL: https://www.longitudepr.com/results Hello, I know this question has been asked and answered before but I have tried and tried to find a solution for stacking the images on mobile correctly. Would anyone mind delivering the css? Results page needs to stack Image 1 Image 2 Image 4 Image 3 Image 5 image 6 image 8 image 7. Thank you so much!
  22. Site URL: https://www.mindfullmovement.net Hi there! I have finished creating my site and was checking out the mobile version. I have a strange background color when I slide over - any thoughts on how to get rid of this? I think it's due to the size of the embedded video on the home page? Thank you! www.mindfullmovement.net RPReplay_Final1618846149.MP4
  23. 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
  24. 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. The picture above os on an iPad Pro 11 (2388x1668 pixels) Here is the same page on desktop: Not sure if the fix would involve inserting a spacer above the "film TV and multimedia" SVG code block, aligning the center row of elements, or reducing padding on mobile. Thanks in advance for the help.
  25. 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!
  • Create New...