Jump to content

Search the Community

Showing results for tags 'mobile'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • 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
  • German Circle Members's Topics

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://lloydbirchdrone.co.uk/ Hi all, I have a video on my home page for desktop viewing, this works perfectly. What I'm looking to do is disable it for mobile and use the fall back image? the quality of the video on mobile is pretty poor compared to desktop viewing. Is this possible? Any help would be greatly appreciated. Lloyd
  2. https://www.hallowapotheca.com I’d like to change the β€œ(0)” label for the mobile cart to β€œCart” as shown in attached image. Any way to do that?
  3. 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!
  4. 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
  5. Hello, thanks for all your help so far from everyone. Someone so graciously showed me how to move my mobile "book" button up as it was covered by my information bar. Now Im finding they are not aesthetically pleasing with my social links, they look way too close together. Pic below. Anyway I can move them up a tiny bit?
  6. Site URL: http://www.buttercup-chartreuse-ptns.squarespace.com Hello! I am building a site using version 7.1. I finally worked through the desktop navigation menu and now I'm stuck with changing the style of the mobile menu. The spacing and alignment's looks very disorganized. I don't know why the font of third menu item Plans is so much bigger than the other two, and the back button is separated from the arrow into two lines. The first image is what it looks like right now, and the second one is how I want it to look. Having all the menu and submenu items align with the logo to the left, change the spacing and font size. And maybe change the font color of the submenu item when its clicked. It'd be greatly appreciated if anyone can help me with this css. The link to my site is here: buttercup-chartreuse-ptns.squarespace.com
  7. Hello squarespace community, I've always disliked the way that squarespace shows it's menu options in the mobile view, but I've never been able to get the code right to fix it. Instead of showing the nested view after clicking a folder, I would like for the available pages to smoothly display underneath that folder as a drop down menu with the appropriate arrow directions too. This means hiding the 'back' link which I think have the right code for: .header-menu-controls-control[data-action="back"] { display: none; } I've attached a rough example of what I would like for the menu to do. HUGE thanks if you can also help with the CSS for the arrows to display on folders in the desktop view too!!
  8. Hello. How do I change the item height for the mobile version of Jasper Jin. I'm happy with the desktop version but my images are cutting off on mobile. First image is how it looks now. Second image is how I would like it to look. Thanks in advance!
  9. Hello, I'm looking to rearrange the way my blocks are viewed on mobile. It gets wonky based on whether the picture/text is positioned no the left or right of the page. Is there any way to reorder them on mobile without having to change them on desktop? I don't really care where the text goes, whether between the images or at the top but it should be consistent. I also have another (not shown in the pictures) where the pictures came first and then the text because the pictures are on the left of the page and text on the right. I'd like the mobile version to be text first and pictures shown after. The website is mushroom-perch-mfhm.squarespace.com (not launched yet) and the password is: hello
  10. Hi, I want my site's primary navigation buttons to appear behind a menu on mobile, which they do when I load the site on my phone. But when my colleague loads the site on this phone, the titles appear above the main content. Any ideas why this is?
  11. Site URL: https://risedigital.tech Hey Squarespacers! I installed a Google Review badge on my site, which presents a problem with the nav button in the mobile menu (7.1). Not sure if the best approach is to try and remove the badge when mobile menu opens, or move the button up so it's not covered by the badge (I think I prefer the latter). Any bright ideas how to fix this with CSS?
  12. When Im on my mobile menu, the book button hides behind the mobile information bar. Photo attached. How do I fix this via coding?
  13. Hello! The items shown in related products at the bottom of my product listings are spaced out evenly on desktop, but on mobile they get squished together and start to overlap. Any tips to add additional space between the related products? (the padding adjustments in site styles only seem to change the listing info and don't affect the related products section) Images: Left: desktop view of related products Right (2 images): mobile view of related products (price text cut off)
  14. Hi there, I have recently launched this website and starting testing. On the desktop view, all subheadings seems fine. But on mobile view, several subheadings are located at the bottom of the blocks. See screen shot attached for exampels on the home page and contact page. The footer is doing it, and I assume other pages too. It's a major issue, as there is no subheading at the top of the block for mobile view. I've had the same happen with lines. They are in the right location on the build in desktop, but move to the bottom of the block on mobile view, breaking the design. I'd love feedback on the site and specifically how to fix this 'small' but major problem. Thank you!
  15. Hello all! My client has the marquee template for her site and the drop down mobile menu doesn't work. How can I help resolve this?
  16. I was able to format the website to work on the phone but it is not working on a smaller computer and/or Ipad. I know 7.1 has the fluid option. Is there any way to do this on 7.0 Brine? Thanks, Misty
  17. Hey! I'm using the new Squarespace 7.1 and am having some troubles finding any info on making the nav break at a certain point to enable the mobile hamburger icon for desktop. I don't want their typical nav for desktop, just wanting to have the hamburger icon across all devices. Thanks for any help! https://chameleon-porcupine-c7jc.squarespace.com/ password: 1234
  18. Site URL: https://cone-saffron-cgrj.squarespace.com/about Hello, I would like to place the first two images side by side in mobile view like they are displayed in desktop view rather than being stacked. There are also three images at the bottom of the page that I have the same problem with.I've tried everything to make it work and I can't seem to figure it out. I'd love someones help with this. Thank you in advance!
  19. Site URL: https://www.cltrickett.com In 7.0 you could change the mobile breakpoint which you can't do on 7.1. I would like the stacked nav menu to appear at tablet size, not just mobile size. Can anyone help?
  20. Hello all, I've recently been working on a new homepage for my site, and was disappointed to learn that the mobile version of my layout just stacks all the images in the order they were uploaded, and redoing the layout to match the desktop version is quite the headache. Is there an easier way of doing this? Can I disable the mobile view altogether? You'll notice that my homepage is built entirely from image blocks, which i'm guessing is the reason behind all the difficulty. Attached is a screenshot of the image stacking that I mentioned, versus how different the desktop vers. is. Any help at all is appreciated! Thanks, Logan Edit: I also just realized that the mobile version actually does reflect the desktop version, but only when the phone is flipped to landscape orientation, which perhaps just makes this even more frustrating...
  21. I would like the two pricing list to appear side-by-side when viewing from mobile for this particular page. I've searched and tried some codes provided by @tuanphan without success. Any info/advice is appreciated! https://www.arielna.com/atompricingchange2023
  22. Hi My website is this: https://www.buildingpictures.pt/ I recently updated an image that is on my homepage (you can see the attachment) and added code in the "Custom CSS". By the way, the code I added is this one: .slider { width: 100%; overflow: hidden; } .slider .slider-image{ background-image: url(https://static1.squarespace.com/static/6022c2a79dbc57670b6d4774/t/63d954e075fa58624953250c/1675187425184/Banner+that+is%CC%81+on+site_02+copy.jpg); width: self; height: 150px; background-size: 2530px 129px; animation: slide 50s linear infinite; } @keyframes slide{ from{background-position-x:0px; } to{background-position-x:-2950px; } } I also added this HTML code on the home page, where the image is: <div class="slider"> <div class="slider-image"> </div> </div> Before this image appeared on desktop and mobile, but now it only appears on desktop. Can anyone help me understand why this is happening? What can I do to resolve this situation? It would be great if someone could help. Thanks, Building Pictures
  23. Hello, I changed the size of my mobile menu font with css but it doesn't apply to Weglot language switcher (see image attached) Any idea how I can fix this ? Here is the CSS I used : .header-menu-nav-item a { font-size: 15px;
  24. How can I move the Carousel Section Arrows on mobile to the center similar to how it is on desktop? Right now on mobile, the arrows sit under the images.
  25. Site URL: https://mikebroeken.squarespace.com/ Password: Miele1234 When on mobile I want to click on "Work" and than a smooth scroll down to my portfolio. This doesn't work on mobile. It shows me the home page but it's not scrolling down to the portfolio section. It works on desktop but not for mobile. Anyone a solution? Thanks!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.