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. Hi Iโ€™ve tried multiple different codes but havenโ€™t had any luck yet. Is it possible to show a page link in the navigation ONLY on mobile? (Unfortunately the website is hidden, as it is a project for a client that hasnโ€™t launched yet). Thanks.
  2. Site URL: https://alpaca-teal-6mye.squarespace.com/ Hi Beautiful People, I have a question. I add 2 different taglines under my logo and when I load my page on a mobile the "first line" don't load. When I refresh the page the "first line" appears. the css I used: @media screen and (max-width: 768px) { .header-title:after { content: 'blablabalbala\A| evenmoreblabalbla'; white-space: pre; font-family: europa; font-size:6px; margin-top: -1.5vh; color: rgba(255, 255, 255, 0.7); display:block; position:relative; } .header-title::first
  3. Site URL: https://www.legacyenterprises.net Hi! I'm trying to shrink this footer logo in mobile view and I can't figure it out. The footer seems like its taking up half of the page in mobile right now. Can some one help? Thanks ๐Ÿ™‚ Emilia
  4. I used a carousel summary to show related products by tag, not category. On mobile view, the images would be 75% smaller than the image block. I inserted this code to solve that problem. You must use the same aspect ratio in your carousel summary as you do your thumbnail images for the products or blog posts, or it will skew the image. I use 3:2 in my product thumbnails and carousel summary. Insert this code in your "custom CSS" in the design tab. .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide img { width: 100% !important; height: 100% !important; }
  5. Site URL: https://www.regeneration.vc/about Hi! On the mobile view of the Team page, I'm trying to create 2 columns of images and names and titles on mobile. In this example, the two images should be next to each other with each person's name underneath (kinda like it is on the desktop view) This is the webpage: https://www.regeneration.vc/about Here is a picture of what it looks like now and I want to be able to put the team members side by side on mobile, and then the advisory board side by side on mobile. All help appreciated... @tuanphan might you be able to help?
  6. Site URL: https://octagon-helix-65yc.squarespace.com/ Hey all. I've been playing around with the Brower template for a blog. On my desktop, when I choose the basic grid blog layout or the masonry blog layout it lets you adjust the number of columns and displays it accurately on the desktop but not on mobile. Is there a way to jump into CSS and change this for mobile? So far I've tried this for 3 columns: @media only screen and (max-width: 640px) { .blog-basic-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } This hasn't been working however.
  7. Site URL: https://www.urbanvoguedayspa.com.au/ Hi, hoping someone can help ASAP, my background image is cropping super small for my mobile promo pop-up, below is the code I've used to get the image to show up on mobile: .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].overlay-mobile-styles-enabled .group-copy { background: url("https://static1.squarespace.com/static/5afbefefe17ba3b4ea798071/t/5fd88b6aeaa8e77ae8edeecb/1608026989540/lime-and-coconut-urban-retreat-urban-vogue.jpg"); } }
  8. Site URL: https://www.anqi-wu.com/ The menu button that appears when my website is in mobile view is too small and hard to see. Does anyone happen to know any custom css code I can input to make the font size larger? I'd also like to change the font colour to black instead of grey to make it more readable. It would be greatly appreciated for any help! Thanks! -Anqi
  9. Site URL: https://tarpon-mackerel-ylzd.squarespace.com Hello, The logo on the mobile footer is too large and I can't change it, please help! I found a previous thread on this topic but couldn't get the code to work for me. Thank you! URL: https://tarpon-mackerel-ylzd.squarespace.com pw: VR4s3#@klMN*
  10. Site URL: https://www.purplehs.com/hybrid-red-cross-group-training-confirmation-elkridge Hello! We're could really use some help! ๐Ÿ™‚ Here's what we're struggling with: Whenever I add a product block to a page, on mobile, the dropdowns in the product extend past the full width of the page. So, then the page ends up being messed up like the hamburger menu ends up hidden as well as as the shopping cart. Is there a way to set a max width for product blocks that we add to a page? For example, I just added a block to this page as a test: https://www.purplehs.com/hybrid-red-cro
  11. Site URL: http://www.1worldprint.co.uk Hi, I have a slight issue with the mobile version of our website and i'm sure there is some CSS that might be able to fix it. http://www.1worldprint.co.uk/ The sliders on the front page on desktop are fine and on my iPhone 8 Plus, i have managed to make it fit within the borders but with smaller phones the text doesn't fit. It there is a way to force the gallery to a certain width on mobiles. I have attached some images to give you the idea as well. Thanks for any help.
  12. Site URL: https://amalfimedia.com/binge-test/3qf81s6jhgfr6aswexviakq9yyhe96-sg6rx-fyacd Hello all! So I have 4 "listen on" badges at the top of my blog for things apple podcasts, spotify, stitcher, and google podcasts. I've attached how they look on desktop and how they look on mobile. They are code element. Does anyone know how I can make the badges on mobile stack the same way they do on desktop? I'd like for Apple pod & spotify to be next to each other; google pod and stitcher next to each other. On mobile they all stack on top of each other. Thanks for the help!
  13. Site URL: https://millimetrearchitecture.com/ Hi, I have made my footer to be the all width of my website which is perfect ont he desktop version. I used the following CSS: footer#footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 999; } .main-content { padding-bottom: 5vw; } however when on the mobile version the footer covers the all bottom of my page and some text and button. does someone know how to solve this?
  14. Site URL: https://hwh.squarespace.com/ For this website https://hwh.squarespace.com/ password: hwh How can I make it so the 3 icons in the footer on mobile are all on the same row next to eachother for mobile? Currently there is 2 on the first row and then 1 on the second row. See image attached. Thank you!
  15. Site URL: https://www.blackgirlinom.com/ Hi there, I am working on this website and need help figuring out an issue. On mobile, specifically on IOS the summary block carousel does not load properly. It is fine when resizing desktop browser (on windows) and on android but not on my iphone. I am happy for it to show just one at a time on mobile if that is the easiest fix. Any ideas?
  16. Site URL: https://bernardandhawkes.com/articles-home Hi, The copy on one of my pages has letters going onto two lines when it hits smaller desktop screen sizes and on iPad. You can see this here https://bernardandhawkes.com/articles-home (Recently Published, Staycations etc) I am wondering if I can put a media query to go to the mobile view when the viewport hits a certain size, as I would really like to keep the current layout out for larger desktop screens. Also very open to hearing if there is a better way to do this than a media query. Thanks so much!
  17. Site URL: http://www.remshaybooks.com We would like our desktop home screen top image to fit better on our mobile version. I have attached the image we would like to fit on the mobile layout. If this is not possible, we would like to see if it is possible to have a different photo on our mobile layout that fits the dimension better.
  18. Site URL: https://tortoise-teal-ygx9.squarespace.com/config/pages Hi!! In my "About Us" page, the section height were the "Multiservicios y Medio Ambiente" title is (section-id = 5fccb6983ff1011540ede2f6) is set at 100%, which looks good on desktop format but not on mobile. The ideal height for that section on mobile would be 88% but if I change it, then it automatically changes in the desktop version as well and it looks weird. Does someone know how can I change the section height only for mobile? Password: 2020 Thank you so much !!
  19. Site URL: https://www.ourbetterbox.com/theboxes/p/smellkitbox Hi, on mobile, the carousel is too small and trying to show three small images. Can I make this larger so that it only shows One image at a time on mobile so it is visible? desktop works and looks fine so don't need help there, but would really appreciate any help guys!!
  20. Hi all I have searched high and low through the forums and Googled my heart out, but I cannot find a straight forward answer to what seems to be a simple query. I am using the Brine template and forcing the mobile menu to display on desktop โ€” this was relatively straight forward by adjusting the mobile breakpoint โ€” but standard behaviour shows pages nested within folders hidden until you click through to the folder on mobile menus. To improve the UX, I'm looking to expand the nested pages within the mobile menu WITHOUT clicking through to the next level of the mobile menu to see
  21. Site URL: https://oval-parrot-2ebm.squarespace.com/ I'm using the BEDFORD templated. The resizing and stacking of graphics on the mobile device looks silly. (I have some small icon pictures below to text on the desktop that are resized to be quite large relative to the text, on mobile) I do want to keep the icons on the desktop version, if possible. How do I create a desktop version that keeps the graphics and a mobile version that omits them or keeps them small? Site is in the process of going live so including screen grabs here.
  22. Site URL: https://afterworldorganics.com I'd like to add the nav items from the site footer to the mobile navigation so people don't have to scroll down the entire page to see the items. I've seen the questions asked here before, but haven't seen it answered. I'm using a Brine template on 7.0. Thanks!
  23. Site URL: https://rolling-pictures.squarespace.com/about-us The "about us" gallery images shows 2 images at a time on mobile, but for some reason it's getting cut off and expanding the page horizontally which is causing a horizontal scroll (which I don't want). How do I fix this issue? Password: hello And not sure why but that one "LINKEDIN" button is very close to that one image and I don't know why it's doing that. Any suggestions?
  24. So I'm using the Foster template for www.supermoonbeautyco.com, and the shopping cart is in the upper right corner on desktop view. It is also in the upper right on horizontal mobile view. However, when a mobile device is vertical (how most of my customers are shopping) the cart disappears completely in favor of the default condensed navigation menu. There is no where to access the shopping cart anywhere in mobile view, when vertical. Can anyone walk me through how to override this? I've searched every setting possible in my pages, styles, etc. And there's just nothing. This is wil
  25. Site URL: https://www.sierraccook.com/ Hello everyone! I am struggling to figure out how to change the height sections on mobile. On a desktop, the large height sections look great, but on mobile they are spread way too far apart. This is the amount of space on a desktop: And this is the amount of space on mobile: I would like for the distances to be about the same on both screens, and would also like for the images on mobile to be the same width. Since the images of the phones are actually background photos, changing the hei
  • Create New...