Search the Community
Showing results for tags 'mobile'.
Found 557 results
-
Hi, I am trying to style the mobile menu on a new site in 7.1. Wow, very frustrating that this is not an option! First, I am just confused where the default styles are inherited from. Second, I have figured out how to change the background color of the middle and bottom portions of the mobile menu with custom CSS, but I have not had success changing the top header piece (I ultimately want the whole background of the menu to be completely blue #2f4e98, with white type and the button as is). Third, is it possible to specify a different logo (full color) for mobile if I were to stick with the cream background? Site is under password at: https://rootds.com pass: WesternAve192 Thanks! Melissa
-
7.1 Section ID Targeting Challenge... For 7.1 when using an image page section with a gallery grid... Want to add CSS so that when on mobile the grid effect still happens vs all images stacking one on top of another. I am having trouble... and not gonna lie did search on Google for some code ideas, cause this is still way new for me.. (I did find a Chrome extension that identifies section ID, as opposed to just block id. Squarespace ID Finder) So I have tried a bunch of things, none seem to do what I want to accomplish. Any suggestions? -
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?
-
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 -
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://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!
-
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!
-
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: 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! -
I have created a 2 page website in 7.1. I want to disable the mobile breakpoint of 991px and just keep the regular menu bar visible as there is only 1 button to a contact page on there. Does someone have the CSS code to disable the mobile menu in 7.1 since there isn't an option to set it to 0px in the style editor?
-
Hi Circle Family, I am working on a site for a client, and I looking to see if someone could assist me. I am having issues with call to action buttons some are higher then others on the (tablet view). It seems like the buttons are floating up or down. I know this is not normal, the character count is different with the text but is there anyway to adjust this? Thank you Please see image below.
-
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!!
-
Site URL: https://www.nateburdette.com/kaast This page looks good on my desktop version, but I can't get the mobile layout isn't stacking correctly. Is there a way to alter the mobile layout without affecting the desktop version? I know in other platforms, like Wix, you can style mobile design without affecting the desktop. I'd like the order on mobile to be for each content block: Image Headline (H3) Text block Green arrow text link It should look something like the attached video. https://www.nateburdette.com/kaast PW: kagome69 mobile-stack-kaast.mov
-
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. -
Bedford Template causes horizontal scroll on mobile
MimiDev posted a question in Coding and Customization
I have been given the task of admin on a site and I am totally unfamiliar with SqSp. (I am otherwise a developer that usually develops on other platforms/CMS's) The issue with the site is that the page is too wide for mobile and causes a chronic amount of horizontal scrolling. The previous developer apparently found a solution by adding the viewport meta tag to the Custom CSS area! {huh??}. While this does fix the horizontal scrolling issue, it introduces an error in the Custom CSS (of course) and then the standard formatting on desktop/laptop causes the #page content to be narrower than it should be. The template in use is Bedford and this is the meta tag code added in the Custom CSS area: <meta name="viewport" content="width=device-width, initial-scale=1"> (I have tried adding this to the 'Advanced' area of Page Settings - and removing it from the Custom CSS, but it has no effect. Still too wide on mobile, but desktop display returns to normal width) I would love it if anyone more familiar with SqSp might be able to point me in the right direction please. I've tried having a look via browser devtools but I can find nothing. NOTE: ** if viewing in a browser, only Chrome emulates the mobile display issue correctly. Firefox does not. The mobile display of the site in SqSp admin also displays correctly. The site is at robe.com.au Thanks in advance if anyone should have a look. -
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. -
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!
-
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! -
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. -
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
-
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!
