Search the Community
Showing results for tags 'mobile'.
Found 553 results
-
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. -
Image blocks poster being stacked on mobile
camilla.ciappina posted a question in Coding and Customization
Site URL: https://ticket-channel.squarespace.com/ Hi there! My website, on desktop, has a 4x4 column. I had to turn them into image block poster in order for the overlay to work with hover. The problem is, that on mobile it stacks. And it doesn't offer a nice user experience. Is there a way I can transform this into 2x2 on mobile? Instead of stacked? thank you! -
Site URL: https://ticket-channel.squarespace.com/ Hi there! I am using a banner image on my clients website. But on mobile it's cropping pretty badly. Is there a way for me to upload a different image size on mobile compared to the desktop size? thank you!
-
Hello! So my site is https://earthlycraft.co/ It's almost there... but i cant work one thing out. How to change one of my banner hero images for mobile. It looks great on desktop however its too small on mobile, so i have another logo ready thats zoomed right in that i'd like to use for mobile only. I've added the file in design > custom css > manage custom files so i can use the link to the file I'm fairly familiar with media queries but i don't know the code to change the banner. When I inspect I get this code: .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img Therefore i'm going for something along the lines of: @media only screen and (max-width: 600px) {.sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img {background image: https://static1.squarespace.com/static/5d00032088447c0001487495/t/5dcdc90c40062f0cf29e9ddc/1573767446853/mobilelogo.png;}} Help would be much appreciated!! Cheers!!
-
Adjust position of banner in mobile view ONLY
VincenzoPace posted a question in Coding and Customization
Hi, I have a banner that I'm using and it works perfect on the desktop site but looks slightly odd in the mobile view. is there anyway to adjust the banner by "X" pixels in the mobile view? Here's the page it's happening on https://www.jfkjets.com/jfk-arrivals Thank you! -
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! -
Does anyone know how to display the Instagram block as 3 columns in mobile view? Our Instagram feed is reliant on 3 images being showed side by side, so when SS automatically converts it to 2 columns - it breaks the flow of it entirely. Using the Brine Template - have attempted CSS code but it appears the block natively converts to 2 columns regardless. -
Replace Index slideshow gallery images for mobile
Roxyjee posted a question in Coding and Customization
Site URL: https://pelican-rectangle-748l.squarespace.com/home Hi Guys, I wanted to know if its possible to replace the Index slideshow gallery images for mobile? I have tried this code for to get it show the full image as it was cutting my image off. <style> @media screen and (max-width:640px) { .Index-gallery-item-image img { width: 100% !important; left: 0 !important; top: 0 !important; height: auto !important; } } </style> But using this code shows the full image, but doesn't show my button that I have on-top of the index slideshow correctly. So now I've created different images for mobile, Is there a way I can just add these images to show on mobile? I have 3 images in my slideshow. -
How to change the place of buttons on mobile only
Domitille posted a question in Coding and Customization
Site URL: https://www.bytiline.com Hello, I would like to change the place of buttons on mobile versions. The page is an index made of different pages (www.bytiline.com). Both big images are pages, I would like the buttons be lower on the image on mobile to gain visibility on the pictures. Many thanks. Best, Domitille -
How make Gallery Grid 2 Columns on Mobile [Paloma Template]
maxdobbs posted a question in Coding and Customization
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 -
Site URL: http://www.ryanballphotography.com Hi there, I have setup my homepage with three images as a grid:overlay. I have set this to show text after I hover, this is perfect for desktop browsers and I don't want to change this. However for mobile devices, the text doesn't show (as the hover function does not work on touch devices). I therefore want to change this to "show text before hover" for mobile browsers, without affecting the desktop browser. So how do I keep "show text after hover" on the desktop browser and "show text before hover" on mobile devices. I'm using squarespace 7.1. web address is www.ryanballphotography.com. Thanks Ryan
-
Moving Menu Navigation in Mobile View Ready Template
VickiM posted a question in Coding and Customization
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 -
Site URL: http://leonormorrow.com/about I have used spacers on the desktop version of my site to make certain images a small size (see the 'all the best' text image at the bottom of my about page). However, on mobile, the side spacers disappear so the text looks huge. Is there a way to resize the image so it is still small on the mobile site? Thanks!
-
Site URL: https://quillfish-bronze-eymh.squarespace.com Hi all, We want to launch our website https://quillfish-bronze-eymh.squarespace.com that uses the Rally template and the mobile view does not look great. We have four featured articles in the top view but in the mobile version they can hardly be read. In other parts of the site mobile reduces certain blocks so that the text exceeds the block on the right side and it does not look good. Also for certain elements of the website we would prefer the mobile view only to show the article title and not the preview text. The preview text takes up a lot of space in the mobile version. I would really appreciate any help you can give with this. Many thanks Simone -
Site URL: http://www.pureimagevideography.com Hello! I have lovely slideshow blocks on my website hosting logos of locations & partners I've worked with in the past. It's made up of 4 slideshow blocks simply placed next to each other in my About Me section. It looks wonderful on my desktop version but it automatically stacks them on my mobile site which doesn't look great & makes my About Me page MUCH longer. Any one know some code to get this resized only for the mobile site?
-
Custom mobile breakpoint with CSS for Fulton template
justinbkerr posted a question in Coding and Customization
The Fulton template doesn't feature a customizable breakpoint in Site Styles but I want to adjust the default mobile breakpoint for the template. I've tried some custom CSS but I seem to be missing something (see below). It's not throwing any errors but it's not switching to the mobile menu at 1300px. Help, please. @media only screen and (max-width: 1300px) { #mobileNavToggle { display: inline-block; } } -
7.1 portfolio mobile overlay text doesnt show on scroll or hover
nbn posted a question in Coding and Customization
portfolio 7.1 site mobile view on portfolio page hover overlay text does not appear whatsoever - I really need this text title to display on touch screens mobiles upon scrolling or selecting -how may i fix this? please take a peek at the portfolio page on any mobile view www.nadinenorman.com/artwork sincere thks to anybody who may be of help - nadine -
Hello there! I have some issues with 7.1 default hamburger icon on mobile. Two thin lines are not bold enough to be noticeable and I would like to change it to thick three lines(and maybe different color so it pops out more?) or other alternatives that stands out more such as menu texts. Could someone possibly share the answer? Thank you!
-
Site URL: https://www.annashani.co.uk Since most of the views are on mobile rather than desktop to my site, it would help if the menu bar actually functioned properly. Unless you click right at the top of the word "menu" the drop down list of menu items will not appear and the page just refreshes itself. Any coding I can insert for the mobile view so that people can actually view my whole website via their phone, rather than just the homepage? There essentially needs to be more space between the menu and the website title. It's a glitch that Squarespace can't fix. -
Different images for desktop and mobile versions?
LindsKing posted a question in Coding and Customization
Hey Circle Peeps! Does anyone know if you can use a different image/ resized version of an image for mobile vs. desktop for banners and index page backgrounds? I am having difficulties with the image being cut off in all the wrong places. TIA! 🙂 -
Reduce Padding on Indexed Homepage for MOBILE only
LindsKing posted a question in Coding and Customization
Hi Circle Peeps Is there a quick snippet anyone knows of that can be inputted into custom css to reduce the padding on an indexed page for mobile? I would like to reduce the padding above the titles for just mobile version. TIA!!!! :) -
Site URL: https://www.carbonforest.org Hello everyone, I'm banging my head against the wall with this issue. Right now our web version of our site works perfectly, but on mobile the buttons don't always work? MOBILE BUTTON problem: Sometimes they work perfect, which adds to the confusion, but about half the time a user will: tap the button --> button goes opaque (showing they clicked) --> but it does nothing (no super long load or anything, just stays in opaque / clicked status) I've tried increasing the size of the button, but it doesn't help the issue. Separately for the product buttons (all unlimited stock) we will randomly get an alert: "unable to add item". I've seen that problem come up on a different thread and I've posted there, but my stuck buttons are sitewide. Any help will be greatly appreciated! password to site: Restoreplanet12
-
Hi, I was just wondering if it was possible to disable the mobile style on the Mojave template, whether through css or if i'm missing something in the menu area? I want it to just look like the desktop style just in a mobile screen. I've done it for a website in the past but can't seem to find it on this theme. Thanks!
-
Site URL: https://catherinerosefilms.co.uk/film/wateraid-aftershock-vr Hi, I've found reference to hiding blocks on mobile here: However it does not appear to be working for me on 7.1 which is a bit of a pain. I have a gallery on my page in a section, firstly it does not report a block ID using the handy Chrome extension referenced in the link above, and the code does not work when I try it on something that does give a block ID. How can I hide a section on mobile? I'm brand new to squarespace but not tinkering with code to hide sections so I'm struggling to a not be annoyed by such a simple task thwarting me! Thanks for any replies in advance, James
-
Site URL: https://f22-photography.co.uk/ I used to have a piece of custom-css which allowed my website to chang my landing page on mobile devices from the one on PC/laptops. Today my website stopped working on mobiles and squarespace online chat told me the problem was my custom-css even though this custom code had been in years. Does anyone know how some more up to date custom code i can use to help me change my landing page on mobiles ? This was the code i used to use which worked perfectly up to now :( <script> if (screen.width<760) {window.location="/portfolio";} </script>
