Search the Community
Showing results for tags 'mobile'.
-
Site URL: https://pufferfish-lion-mkrm.squarespace.com/about Hi everyone, Both Safari and Chrome don't display background video's on mobile. Anyone has a code to get it going? Thanks in advance K
-
Site URL: https://begonia-harmonica-tfcg.squarespace.com/ Hello I am setting up a new site using the Merida template. On the homepage I have different summaries for different sections with different blog posts. This all looks perfect on desktop, but the column set-up is all messy on mobile. I want it to just be simple, an image above text. So one blog post taking up one mobile column. The first two sections here have the problem... Travel - I am happy to have the arrow slider, but I just want one column to show at once, not two Eat & Drink - It has a small image
-
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 rathe -
Site URL: https://magenta-flounder-htwe.squarespace.com/config/ Hi there - I need help in resizing the slideshow gallery on my Homepage to work on mobile view. The slides are below the 4 images at the top as I'd given up and thought that could be a solution. My client really wants the ticker tape look though. Password: Squarespacehelp
-
Mobile menu: keep Contact button on sub-navigation
TOMweb posted a question in Coding and Customization
Site URL: https://endive-denim-89ds.squarespace.com/contact Hi all! pw: 1404-Hello I customised a code for the menu navigation for my site on mobile, but I would like the sub-navigation to look just like the main navigation: I want to keep the contact button on both navigation so that when the view clicks on a folder, the contact button doesn't leave the screen ... Do any of you have any idea how to achieve this please? Screenshots to clarify! thank you ! Below the code I customized: .header-menu-nav-item a { font-size: 1.7rem; padding-top: 7px; padding-bottom -
Site URL: https://www.autocars.ltd/landing-page-mini Hi, i'm creating a cover page and i think it looks good on desktop. however the mobile version has a slight issue because the words are unreadable due to the background image (IMAGERY?) This is how it looks like now: Desktop: Mobile: I would like to know if there is any way to code and make the opacity of the overlay on the mobile version higher, so that I can read the words more clearly? something like this: Currently im adjusting the overlay colour on top of my background image to play with the opacity level of the backgro -
Site URL: https://tangerine-kumquat-nw9z.squarespace.com/ Hi there! I'm having some trouble with the Brine Template. I have applied some CSS to adjust my overlay menu in mobile (center the menu, make it slightly transparent), but when the overlay is active, the header - including the hamburger - disappears. I have played with the z-index, but to no avail. One odd behaviour is that the buttons for the title and menu are still clickable, but not the text / icon. Any ideas out there? Thanks!! -
Site URL: https://www.inneco.de/eco-premium-eco-basic Hi there, I found several threads for this topic but nothing that has worked for me. this is my landing page url: https://www.inneco.de/eco-premium-eco-basic for the mobile view, I would like to hide the current (desktop) banner image and replace it with this one: when using the code below, I also hide the logo image which I want to stay. I couldn't figure out the desktop banner id... Hope anyone can help me. Thanks a lot!
-
Change size of specific image when viewing on mobile
doshea posted a question in Coding and Customization
Hi, I am using the brine template... I want to target and control the size of a specific image when changing between desktop, tablet and mobile. The image is the logo 'tbk' and sits within a banner at the bottom of a page. The size of the logo is perfect when in desktop mode, too small in tablet mode and too large on mobile. Is there some custom CSS i can add that will allow me to control the sizes for each. See images attached. website: tbktest.squarespace.com Thanks in advance. Dan. -
Hi, Because of issues with background video I'd like two homepages, one with a video background (for desktop) and another with a slideshow gallery (for mobile). Is it possible to add some code so that mobile devices jump straight to the gallery homepage? And desktop devices jump straight to the video background homepage?
-
Site URL: https://halibut-finch-9bdl.squarespace.com/ Site Password: ghosts I have a website I'm working on and while the home page looks great on desktop, I'd love to create a different page to use as the home page on mobile only. This is my home page https://halibut-finch-9bdl.squarespace.com/ And this is the page I'd like to use as the home page on mobile specifically. https://halibut-finch-9bdl.squarespace.com/home-2 Any help would be greatly appreciated! Thanks Also, I've tried the code below, and keep getting a syntax error when I try putting
-
Site URL: https://cnicholson.ca/ Hi again Squarespacians, Getting to a happier place with fonts on my site, on desktop, but they're the wrong size on mobile. In the previous version there was a way to scale each font for mobile - how do I do that with 7.1? Any help appreciated! C
-
How do I make my search bar more responsive on mobile?
PetFoodieLA posted a question in Coding and Customization
Site URL: https://www.petfoodiela.com/ Hi There. Following this tutorial "https://www.maryphilip.com/the-blog/how-to-add-search-to-71", I managed to add a search bar to my nav bar. However it look really bad on mobile. is there a way to improve it? Thanks. -
Banner Image Won't Resize for Mobile View
TheIDBootCamp posted a question in Coding and Customization
Hello, Our banner artwork appears fine on our site when viewing on a computer screen, but the mobile view does not resize the banner and cuts off the bulk the image versus resizing for the mobil platform. Any tips on why this is happening, and how resolve it? We've found that the majority of site visitors use mobile, and don't want to reduce the impact of the image. Thanks in advance. -
Help with buttons side by side in mobile view
LIZZY-pa posted a question in Coding and Customization
Site URL: https://www.lizzy-pa.com Hi, i've searched for the solution myself but can't find it or make it work for me. I want the buttons on my homepage to appear side by side, button text center - when in tablet/mobile view. Thanks for the help! pw = 2020lizzy -
How do I show 2 buttons side by side on mobile?
designbyemily posted a question in Coding and Customization
Site URL: https://www.designbyemily.co.uk Hi How do I make these 2 buttons which are side by side on desktop, side by side on mobile rather than stacked? Thanks! -
Hello, I am having trouble with my logo size on mobile, it is tiny! Any help is greatly appreciated. Website is still a work in progress, link here https://www.franklyinteriordesign.com.au/ Thanks
-
Figma embed won't change constraints in mobile mode.
greyelton posted a question in Coding and Customization
Site URL: https://www.tbias.design/home/pay-the-poet Hello! I am creating a portfolio for UX Design. Currently, things are looking great but I need to fix some kinks that have been giving me issues. I'll explain. I embedded my figma prototype into the case study. Here's the link: https://www.tbias.design/home/pay-the-poet. It's in the 'Prototype' section. The embedded code looks great in web mode. However, it's not responsive, when the window is smaller or in mobile mode. Here's the code that I use: <html> <head> <style> #content { width: 10 -
Site URL: http://www.laurenfisher.photography/ Hey everyone, I've built a couple squarespace sites from start to finish but recently someone asked me to take a look at their existing site and well the mobile version of the site isn't working. Before I go rebuilding it from scratch is there something I'm missing? I don't know of a way to intentionally disable the mobile version of a site. Any ideas of what might be causing this? -
How to display both logo and text in site banner
Aeduuin posted a question in Coding and Customization
Site URL: https://www.questiongamification.com I've been looking into some custom CSS to display both my logo and the site title in the site header. I got it to work on desktop using this code, but because it does not have enough space on the mobile header it ends up pushing my drop-down menu (two little bars) off screen. Could anyone help me figure out how to achieve the same thing without screwing up my site's mobile version? CSS-snippet used: .header-title-logo a:after { content: "Gamification of Education"; display: inline-block; font-size: 20px; fo -
Banner and Footer image not resizing for mobile
jenchiang posted a question in Coding and Customization
Site URL: http://www.howtobeahero.net Hi I am struggling to resize my banner and footer image to resize for mobile devices. I have tried a few different versions of code but none seem to work. Either all the images resize and leaves a big gap under my banner image or does not do anything at all. I think the code may need to be site specific. Can anyone help? Both images are on my homepage only. Much appreciated as the website is live now and not the best look Thanks in advance -
Site URL: https://www.questiongamification.com I've been looking into some custom CSS to display both my logo and the site title in the site header. I got it to work on desktop using this code, but because it does not have enough space on the mobile header it ends up pushing my header categories off screen. Could anyone help me figure out how to achieve the same thing without screwing up my site's mobile version? .header-title-logo a:after { content: "Gamification of Education"; display: inline-block; font-size: 20px; font-family: Poppins; color: black;
-
Site URL: https://www.davidjackspencer.co/ Hi, I am trying to add padding to a specific page/link in my mobile menu. I want to add spacing at the top of the 'Info' page link to separate it from the projects listed above- and shift it down. Password to site is: DJSB2020PORTFOLIO Thanks! -
How to get Image blocks side by side mobile view
rmcspirit posted a question in Coding and Customization
Hi All, I am looking for some assistance. Having issues getting side by side image blocks on the mobile view on home page and product page, understand its a matter of of a css code and there are some similarities in responses but all look unique to page. How do I find this formula? Best, Raymond -
2 column image stacking on mobile?
pashapasha1570048753 posted a question in Coding and Customization
So please bear with me as I'm a novice when it comes to CSS or any of this. I've been trying to google answers for the past few hours now to no avail. Essentially I'm just looking to have 1:1 images, with a title and a description, stacked in 2 columns on mobile. A gallery grid does basically what I want on desktop and mobile - but doesn't show descriptions. A summary block does it too but stacks one image on top of another and when I have 60+ images, it becomes a huge scroll. I have not been able to find solutions to either of these issues so if you have a solution to either instead it'd be
