Search the Community
Showing results for tags 'mobile'.
-
Site URL: https://www.autocars.ltd/landing-page-mini-2 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 backg -
Site URL: https://www.debbiemarkswellness.com/ I'm having a hard time wrapping my head around this... I spent some time today optimizing my site for mobile, reducing image sizes, styling the nav menu, adding a logo to the nav menu... Everything looks ok when I'm holding my mobile phone upright/in portrait. It's when I turn my phone sideways/landscape, that things get really funky. The browser window no longer fills the frame, there's a left right scroll indicator, it just looks really off and I wonder if I made an error in my custom code. Photo below. Also, and maybe even more concerning, wh
-
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
-
Site URL: https://goose-swordfish-amj3.squarespace.com/ Hello, Our site title is a little long. With the cart, search and nav icons alongside it, the mobile header is very busy. Is there a way to put these icons at the top of the mobile menu, so that the header only has the site title and the navigation icon? I've attached images – the first is the busy header, the second is the mobile menu. We'd like the icons to appear above "Art Projects." We're using Marta. Let me know if you need additional info. thanks!
-
Site URL: https://www.janglad.works/modol Like many others I had issues with the mobile banner cropping too much, I solved this with this code: @media screen and (max-width:640px) { section[data-section-id="5fabebd25e6bfa61e3a51e64"]{ min-height: 0 !important; height: 120vw; } section[data-section-id="5fabebd25e6bfa61e3a51e68"]{ min-height: 0 !important; height: 60vw; } } however this results in the images becoming very pixelated, from what I understand Squarespace creates multiple version of images when you upload them and I assume the correct one isn
-
Hiding section of Index page on desktop & mobile
alwalt posted a question in Coding and Customization
Site URL: https://tuatara-cinnamon-hsra.squarespace.com/ Site password: Bellealliancedesign On the homepage, I am trying to hide the #desktop section on mobile and the #landing-page-mobile section (with the scrolling carousal), on desktop. The below code isn't working for me. Any advice? @media screen and (max-width: 640px) { div#desktop {visibility: hidden !important; display: none !important; }} @media screen and (min-width: 640px) { div#landing-page-mobile {visibility: hidden !important; display: none !important; }}- 1 reply
-
- 1
-
-
- index-page
- mobile
- (and 1 more)
-
Site URL: https://www.maisonlumiere.ca Right now, when I view my website on an iPad or on a desktop, everything looks great. As soon as I open it on a mobile browser, everything gets stacked and it takes forever to scroll down. The photos gets reformatted and it looks like there's too much text. My question is how do I change the code to make it more comfortable to view on mobile?
-
Mobile Gallery Simple Display One Image Per Row 7.1
AshIzsak posted a question in Coding and Customization
Site URL: https://lifefromtheplaypen.com/shop Hi there, I have been trying with no success to get the gallery grid to display with one image per row in mobile in squarespace 7.1. I've added some CSS to the item titles and would want that to display below each image in mobile. -
Site URL: https://leslilasfrenchschool.squarespace.com When navigation headers go on 2 lines, the lines are squished. Is there a way to resolve this? Site password: virginie
-
Site URL: https://www.domaniquejazmindesigns.com/ Hi all! Is anyone able to help me come up with some coding to change the left & right margins on my image:card blocks for mobile? I know there is a slider to change this in site styles but I actually like the way it looks on desktop, just not happy with the extra spacing on mobile view.
-
Summary Block fonts displaying differently on mobile
MakingWaves posted a question in Coding and Customization
Site URL: https://www.fionapickles.com/ Hey everyone. I've added this css to change the title and category fonts for my summary blocks. Each font displays perfectly on all screen sizes when viewed through Squarespace, but now the site is live, when viewed through the browser on mobile (Chrome in my instance) the fonts don't show correctly. It's only Adobe Caslon Pro so assuming this isn't the problem? First photo is how fonts display on mobile (incorrectly) and the second is how they display through Squarespace account (correctly). Any ideas? Thanks in advance. /* Summary Block -
Site URL: https://www.c2eventz.com/ Good day everyone, I am trying to inject custom css to my mobile navigation menu using the 7.1 Clarkson template. On mobile version only, when you click the hamburger style navigation button, I would like (Home, About, and Technology) underlined to show it is a clickable link. Most people understand how websites and mobile versions work but my clients are not as savvy. To show them it's a clickable link, I would like them underlined to show that. Any help would be greatly appreciated. -
I have a gif as my background at the top of my homepage that is cut off in mobile. Is there coding to fix this?
-
Site URL: https://www.mydiykitchen.co.uk/ Hi, My site is 99% there, but I can't quite get this image to fit on mobile/tablet. Is there a way to do this with code? as my client is ready to launch the site. Thanks
-
Site URL: http://www.gumdrop.nyc I sell jewelry for girls. I'm 80% done with the site build and have hit a snag re Mobile display. I'm unable to disable Responsive Design, meaning my products only display one at a time vertically. I def need a way to show more than one product on a phone screen at once. Ideally I'd like two items per row. Is it possible to address this with custom code? -
Site URL: http://www.pennywatson.com.au/ 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 to the left of th
-
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
-
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
-
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 -
Site URL: https://www.sfdevelopersinc.com/ On this website I have added a gif to the home page to show like a video. I shows well on most phones, but not on Iphones. Can somebody tell me why?
-
Site URL: https://www.jbrav.com/wedding I'm wanting to adjust the size of the gallery to make it bigger on my mobile site. I'm okay if it crops out some of the image as longs as it's bigger! Thanks! https://www.jbrav.com/wedding
