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


Forums

  • 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
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 627 results

  1. I've about got my website the way I like, using the Aviator template, but on a mobile phone, the font size, which is quite comfortable on a desktop monitor, is kind of huge. As the mobile styles already change many things, I figure there might be some way of saying, "Do all the stuff you always do for mobile devices, but make all the fonts 70% of the regular mobile size, please." For reference, my website, on a page other than the Info Page so you can see the problem: http://www.withinsight-therapy.com/what-we-offer/
  2. Site URL: https://rockcreek-church-new.squarespace.com/ Hello all! I'm working on website for a client that is a church. Got everything pretty much laid out and designed. I go to mobile view however and all the banner images on the home page are cropped really bad and the CSS code I had didn't work. I want them to all rescale so you can see the banner image. Reasoning is because I do custom graphics for their banner images or I'm using their series graphics as banners etc. They want to be able to see all that on mobile with the custom graphic stuff. Can anyone help me. I've added screenshot of desktop version and what mobile looks like. Any help today would be AMAZING! Thanks!
  3. Site URL: https://www.tylerelise.com/ On mobile my logo sits under the "menu" nav link, is there a way to swap these? Also is there a way to make it so my logo has less padding on mobile? Right now they sit very far apart from one another, but I don't want to have to make it smaller on desktop (link and screenshot attached) Thanks in advance!
  4. Hi, I am wondering if anybody have same issue with me and if solved? I am using Avenue template, and tried to change 1 thumbnail per row only on mobile, I am currently have 2 thumbnails per row on desktop version. Please help! Thanks in advance.
  5. Site URL: https://capybera-llama-l3jx.squarespace.com/basic-cakes-and-cookies Hi guys, I would like to customise to display 2 images in 1 row in Masonry Grid in Mobile View. I have use this before but didn't work for me. Here is my website url: https://capybera-llama-l3jx.squarespace.com/basic-cakes-and-cookies Please advise. Thanks!
  6. Site URL: https://agicreative.com/work/still/architecture Site Password: password I have some navigation I added below the banner on some pages, is there any way I can hide this or modify it for mobile view? It shows centered on mobile and doesn't look good. If it means anything, this is the code I am using for that navigation. <div class="still-work-navigation-container"> <a href="/work/still/architecture"class="still-work-navigation-active">architecture</a> <a href="/work/still/food">food / beverage</a> <a href="/work/still/healthcare">healthcare</a> <a href="/work/still/industrial">industrial</a> <a href="/work/still/lifestyle">lifestyle</a> <a href="/work/still/product">product</a> </div>
  7. Using the Fulton template. I've added several typefaces to my site and defined all styles in my custom CSS. Per page, I'm either using the default squarespace text box to add copy, or I'm adding a code box and just adding a little bit of CSS to my html text to change color or alignment. I'm not having trouble anywhere except my <h1> is showing up weirdly on mobile—for some reason seems like letter-spacing is being added. It doesn't show up when I manually resize the window on desktop, just on mobile (see attached). I don't have any manual letter-spacing added anywhere on the site via CSS, and I also don't have any letter-spacing added to any of my text in the squarespace site styles dialogue. Anyone have any idea what could be causing this? Site is dustlight.co and the pass is dusty if you want to check the backend.
  8. Site URL: https://trevorhughesphotography.com Hello! I'm running into an issue where the hamburger bar is locked on the bottom left corner of the mobile version of the Ready-template I'm using. I contacted support and they referred me here as apparently this template doesn't support moving the hamburger bar around automatically. I was hoping someone might know how I can get the bar to the top left of the mobile version. Something else to note is that I believe since the bar is stuck to the bottom left corner, I'm unable to view the mobile-info-bar even though I have it enabled. I'd love to add the mobile bar to my mobile site. Any help is appreciated! Thanks!
  9. Site URL: https://agicreative.com/info/team Site Password: password On mobile, my site displays a different order for elements than it does on a desktop browser. Is it possible with code to change that? Example, it should read Chris, Dan, Connor, Pam, Mitch, Hunter and then Kristie, but instead it is reading Chris, Mitch, Dan, Hunter, Connor, Kristie and then Pam. Can this be changed?
  10. Site URL: https://www.justinhale.com Hi, I'm testing my new site on mobile, and running into an issue on iPhone with links. Looking for advice, or a script, to disable iPhone link double tap. It seems every time you press the link, it's requiring a secondary press to activate the link. It's happening on the “view work” text link, as well as the navigation links once inside a portfolio piece, to advance forward. Hoping someone has a script that works to solve this.
  11. Site URL: https://www.simonocarrigan.com.au/shop/never-forget Hi, I’m adding products to my shop, and having problem with the UI disappearing on mobile and/or when the page is viewed in a narrow browser window. The example page to refer to is: https://www.simonocarrigan.com.au/shop/never-forget Viewed on desktop, the seven product images display as clickable thumbnails beneath the image. Viewed on mobile, there are no thumbnails, and also no arrows or much of anything to indicate the images can be slid across. If you squint, you can make out a very faint “1/7” indicator on the first image to load, but there is no cue to the user that they should slide the image with their finger. I can't work out how to change the styling of that overlay to make it more prominent. Further, when you do slide you must be *exactly* horizontal, or your mobile browser will just scroll the whole page up or down, or even navigate forward or back on webpages. Can I just have the thumbnails display on mobile? Or a caption that says “1/7 - swipe” “3/7 - swipe” etc.? I can only find one relevant article on the forums: https://forum.squarespace.com/topic/155802-product-carousel-arrows-get-lost-on-mobile/#comment-345574 which discussed the same problem, with no solution. Can this be logged as a feature request and/or can someone send me info on how to do a work around? Thanks, Simon
  12. Hi! In order to have add to cart buttons on my product page, I have added multiple products individually using Product Block. When I view the site on mobile, it automatically changes to 1 per row. How can I force it to 2 product blocks per row? Thanks in advance, Doug
  13. Site URL: http://etrenoir.net Hi I want to hide my logo on mobile view. website: etrenoir.net
  14. Site URL: http://jupiter.coffee There’s a back to top button that shows up in my footer on a phone (using an iPhone 11 and 11 Pro to test), but it doesn’t show up in the editor if I’m previewing the mobile version. I’d like to remove this button.
  15. Site URL: http://www.eventmarkllc.com I searched and tried a few CSS options but nothing has worked. What can I do to not have the slideshow gallery on my home page be cropped? Screenshots here. Using 7.1 and autoplay is turned off.
  16. Site URL: https://www.vickimessenger.com/ Hi all I would like some help in moving the main navigation/menu button to the top of the page when viewed on mobile, as my users are not seeing it at the bottom of the screen. Can anyone help me with the code that is required to do this please? Thanks in advance Vicki
  17. Site URL: http://teamcjwip.squarespace.com Hello, I'm trying to finish up the homepage design for my site but there's a couple custom css problems I'm running into. I currently have an index page displaying 2 banner images that parallax as you scroll. I would like to use custom css to make the banners show fully on mobile because they are currently being stretched as if there is a minimum height.. i would also like them to not use parallax on mobile. I've tried the following code, which has stopped the images from parallaxing on mobile but the images are still stretched. site - http://teamcjwip.squarespace.com pass - jaglovers /* show home page block dependent on screen size */ @media only screen and (max-width: 780px) { #mission-banner { display: none; } } @media only screen and (min-width: 781px) { #mission-banner-mobile { display: none; } } @media only screen and (max-width: 780px) { figure[style] { transform: initial !important; } }
  18. is it possible to add a background image to the menu mobile display?
  19. Hello, The side arrows on my product carousel disappear for mobile resolution and I'd still like to keep them (see attached). Is there any way I could do that? Couldn't figure out how. My WIP product page (running on 7.1): https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic Cheers, Xavier
  20. I like how my site looks on desktop, iPad Pro, and how it adapts to a mobile, but when I try it out with the tablet view some of my pages become a mess. In my case, this happens because Card Block Images automatically align the text bellow the picture instead of on the side due to the screen size, which works well for mobile but not on a tablet. I believe it would be easier just to disable Mobile Styles on tablets, rather than changing the size of each picture. ¿Do any of you guys know how to do that? I am open to any suggestions. I would really appreciate your help. :) My site is transpp.mx and the page I'm having the most trouble with is https://transpp.mx/transporte
  21. Hi all, I'm using the Paloma template for my website gohoopday.com. If you scroll down to the sixth fold, you'll see tons of logos. On mobile, these stack (1 per row), which isn't very mobile-friendly. I am trying to get 2 or 3 per row for mobile. On a previous site with a different template, I used a formula similar to the ones listed in the link below, but on this template it's not registering. https://forum.squarespace.com/topic/64554-create-more-than-2-columns-in-mobile-for-grid-gallery/ I've tinkered around and tried this, but it only pushes the logos to the left rather than creating 2 columns. @media only screen and (max-width: 640px) { .gallery-grid-item { width: 50% !important; } } I am wondering if it is because this is a gallery page vs an image gallery. Anyways, I cannot figure it out - please let me know if you can help! Max
  22. The Grid Overlay layout for portfolios has a problem with its display of titles on mobile. Because the layout relies on the :hover attribute to display the title, this is never triggered on a phone or a tablet. There are other posts on the forum about this, where workarounds have been suggested--using media queries to always display the title on small screens--but it shouldn't be necessary to add hacks just to get titles to display properly. Personally, I would consider this a bug in the layout code. Given that for most sites, most visitors will be using a mobile device, there should be a good fallback when there is no mouse to trigger the :hover behaviour. The other problem with the media query hacks that have been suggested, is that they are only good for a phone, and don't deal well for viewers on an iPad (or other tablet), where the page size can be as big as on a desktop, but there is still no :hover support.
  23. Site URL: https://www.damoncameron.com/ I'm wondering if there is a CSS work around to have each video playback in full screen by default once the play button is tapped? Rather than having to tap the 'full screen' button in the vimeo or youtube player which is clunky and unnecessary in this day and age. For mobile devices its pretty much essential for clean, impactful viewing. Many thanks
  24. Site URL: https://cristinatoff.com/ I'm struggling with an uploaded custom font showing up differently on desktop vs. mobile. On desktop, my custom font (La Luxes script) shows up properly. But on mobile, the same copy shows up as some type of standard san serif. Desktop view attached - this is what I want to show on mobile as well. Can anyone help?
  25. 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.
×
×
  • Create New...