Search the Community
Showing results for tags 'mobile'.
-
Site URL: https://leopard-owl-xw5g.squarespace.com/all-projects Hi, 1) is it possible to unduplicate a blog page? (so its independant and not changing the reference) ? or 2) in gallery layout page how could i add a description plus make the clicks responsive for mobile devices like in blog pages. At the moment one has to swipe : https://leopard-owl-xw5g.squarespace.com/all-projects or 3) do you know a where to find good lightboxes for purchase that i could integrate into squarespace? i would need, a hover description and a sleek clickable behavior like in the blog posts. Problem page is this example: https://leopard-owl-xw5g.squarespace.com/all-projects -no information on the pictures. (via hover) -on mobile have to swipe. i would be happy with a simpe lightbox like in blog pages for example: https://leopard-owl-xw5g.squarespace.com/blog/hongkong-my-love Thanks for any help! Site URL https://leopard-owl-xw5g.squarespace.com/all-projects password: testme -
Change Gallery on Mobile Version for 1 Column (7.1)
buenorodrigo posted a question in Coding and Customization
Site URL: https://www.buenorodrigo.com Hello! Can I have 3 columns on desktop and just 1 column on mobile version? Appreciate your help! my page https://www.buenorodrigo.com -
HELP: TWO IMAGE BLOCKS PER ROW ON MOBILE VIEW
JANNAPARK posted a question in Coding and Customization
Site URL: http://www.onyxmodelmanagement.com Hi, I need some help with my site. I've tried a few codes but nothing has worked so far. On my index page, I have a lot of image blocks that are in four columns on my desktop site view. They are individual image blocks, not a gallery. On mobile, it stacks all of the images on top of each other and it is too much scrolling. I would like to have two images per row on mobile view. Here is the link to the page I'm trying to fix: http://www.onyxmodelmanagement.com/rocket-city-1 This is what it looks like on desktop: Here is what it looks like on mobile: Here is what I would like it to look like on mobile: Can anyone help? Thank you!! -
Site URL: https://www.mightyfinemfg.com I have a site I'm working on - mightyfinemfg.com I'm having issues with my H1s not displaying in the center on mobile and tablet. It could be the font itself, but I'm not sure. Any ideas on how to center with CSS? Just mobile/tablet only. URL: www.mightyfinemfg.com Pass: amightyfineproduct
-
Site URL: https://www.localartflow.com My mobile logo will not update. It is sticking to the first one I used. I cannot remove it either. The visible one is an old one and trying to replace with a revised version. Thank you! This should not need CSS.... -
Site URL: https://www.leftstyle.no/ Hi! I have designed my site and pretty happy with it, but the mobile version is not nearly where I want it. But when I try to do changes to the mobile version, the changes apply to the desktop version too, which screws everything up there. Is it a way, where I can "lock in" the desktop version, so it doesn't take any changes from the mobile version? or make changes that only apply to the mobile version?
-
Site URL: https://www.empoweringher.org/for-the-girls Hi! Can anyone help fix the problem where the back button is cut off by a white bar on the mobile view (see screenshot). https://www.empoweringher.org/for-the-girls Thank you!! Celeste -
Site URL: https://www.beginners2runners.co.uk/ Please help me! On the mobile version, there is lots of white space above the homepage video, which is under the header. ... Also, when the website is loading the CSS is showing before the page loads under the announcement bar, can anyone help please?? -
Site URL: https://www.vanitybrothers.com Hello, I have pasted the following custom css to prevent my homepage banner video resizing on mobile. I am left, however, with some padding left and right (see screenshot). Does anyone know how I might remove this in order that the video is full width? The site is vanity brothers.com, password 'vanity'. Thank you, Katie @media screen and (max-width: 640px) { body.homepage .Parallax-item:first-child iframe { width: 100% !important; left: 0 !important; height: auto !important; inset: unset !important; top: 0 !important; height: 200px !important; } body.homepage .Parallax-item:first-child figure.Index-page-image.loaded { transform: unset !important; bottom: 0 !important; height: 200px !important; } section#vanity-brothers-showreel { height: 200px !important; }}
-
Site URL: https://hen-plum-sz8a.squarespace.com/ Hi! I have been working with CSS in order to create a text overlay in my simple grid gallery. It worked but now, if I narrow down my browser or if I open the website in mobile view, the CSS code is displayed at the top (see attached screenshots). Does anyone know how to make this invisible? Thanks in advance!! Daniel
-
Site URL: http://marcmencio.squarespace.com Hello all! My name is Marc, I have a question for the mobile bar color. I changed the color to black on desktop version but I can’t find the way to change it on mobile. I added the following CSS for desktop: header { background-color: #000 !important; padding-left: 30px !important; padding-top: 5px !important; } header#header { margin-bottom: 0px !important; margin-top: 0px !important; } My URL: http://marcmencio.squarespace.com/ Please help me, any answers or coding will be appreciated. Thank you!
-
Site URL: https://capybera-ellipsoid-mak7.squarespace.com/ Hi there Im trying to work out the code I need to reduce the padding in a specific section on mobile display only. (stay/terrace house and stay/luxe suite). I'd like to do it via section id so I can apply it to other sections if I need to. Any assistance would be greatly appreciated! (site password is calipoppy) Thanks!
-
Site URL: https://elanirving.com/ Hello, I'm actually having 2 issues with one block that I'm hoping to get some help with. Unfortunately I can't remember which type of block it is. First, the images on my desktop display are great, but on mobile they're cropped, huge, and the card blocks the whole image. Is it possible to have the whole image display smaller, but correctly and horizontally, with the card below? Second, Is it possible to make that first block scroll automatically without having to use the buttons? Maybe bullets instead? : Thank you for your help!
-
Site URL: https://audreykester.com/omika Hello! I attached screenshots to show my issue. The banner image on my page is zoomed up on when viewed on mobile. Although I don't intend to include the entire width on mobile, I do want it to include more of the image like how it is shown on desktop. Can anyone help with the code for this? I've been trying for days and can't figure it out! Thanks 🙂
-
One column instead of two on mobile, gallery and index
mrart posted a question in Coding and Customization
Hi, I'd like to have both gallery images and index page images display as a single column of images (rather than 2 columns) on mobile. I'm using Avenue template (7.0) Could anybody help with this? Thank you -
Reading images horizontally rather than vertically on mobile
mrart posted a question in Coding and Customization
Hi, I've created a page of images that is 3 columns wide, 3 rows high. Each image has a text box underneath (I am not using an index page or gallery block because I'd like to have 2 lines of text under the image which isn't possible with either) When the page goes to mobile, the columns are read first, so the order is changed from what it is meant to be (which is from left to right). Would there be a way to have mobile view prefer horizontal order, placing each image from the rows first, rather than the columns? I'm on Avenue template 7.0 Thanks for any help -
Site URL: https://www.skill-up.nu/ Hi, We would like to have images on our mobile website that are different from the desktop version. Is that possible and does someone know how to do this? For example, our "principles" image does not suit well the mobile version, therefore we would like to add a different one. Thank you in advance! -
How to show 2 cards per row in mobile view? - SQS 7.1
Leesh posted a question in Coding and Customization
Site URL: https://on7studio.squarespace.com/ Password: 1500Broadway Please click to the "Classes" page first. So if you look at the card I put in the section below, is there anyone know which code could make it show 2 cards per row on mobile browser? And also how to make each of the Card's Title font to Bold? There are only adjustment options for description but not title. Thank you, Leesh -
Stack portfolio images side by side on mobile 7.1
Traktoroff posted a question in Coding and Customization
Site URL: https://www.johanrosen.com/ Hello! I have the same problem like many here, my portfolio on mobile stacks as one giant row. I would like to have 3, or potentially two images stacked side by side on mobile to make it look better. I used a portfolio page as my home page and added sections to make it a one page website with menu that is anchor-linked to the different sections on that page. Could anyone here help me please? Cheers, Johan -
CSS Help with Mobile View Gallery Icons side by side
tjohnson613 posted a question in Coding and Customization
I am needing to have my icons in two rows of 3 under the "popular service" Can I get help with this code? https://parrotfish-yellow-97hw.squarespace.com password: unit7 -
Site URL: https://carillon-flower-3xhs.squarespace.com/ Hello. I need to modify the mobile stacking order of content in a 3-column image/text/spacer layout. Site password: XRdesign Jump or scroll to the "Process" section. For larger displays, the order of the content blocks is: ROW A: Image — spacer — Text ROW B: Text — spacer — Image ... rinse and repeat. On mobile they all need to follow one pattern: COLUMN: Image — spacer — Text I've done a search on this and there were a number of threads covering but they all kind of dead-end(ed). I honestly feel like a fix to this should have been baked into 7.0 since it's such a common UI pattern. Any help would be appreciated. And thank you! 🙏
-
Site URL: https://www.coalminetheatre.com/ Hello, I'm having a problem with my site (slider gallery on main page gets cut off in mobile, works fine on desktop) and I would like for it to be responsive and not cut the image off when viewed on mobile. I've tried all the suggested code on other threads, but none of it seems to work. Any suggestions? Thank you in advance!
-
Mobile navigation dropdown broken on homepage
Sebastien27 posted a question in Coding and Customization
Site URL: https://www.sebleon.com/ Hi everyone, My navigation menu works fine on the desktop version, but on the vertical mobile version, when the navigation gets condensed to "menu" it stops working on the homepage. On all my other pages, it continues to work, but when I press "menu" on the homepage nothing happens. Does anyone have any ideas why this might be the case? I'm using version 7.0 Avenue. Thank you! -
Site URL: https://elizavolk-healingarts.squarespace.com Hello there, I'm having a hard time to find a code to resize the carousel Title "Work with me" on the homepage. Looks like on media screen it is integrated as a body and not as a title. (I tried to resize the body in that section but the text below also got bigger). See the attachment files to see what I mean 😉 Any idea of custom css or code injection ? Thank you so much!
-
Site URL: http://www.fullpixinspect.com/?password=fullpix555 Hi - 2 quick mobile optimization questions: 1 - Want to update HOMEPAGE vertical content alignment to be middle (not anchored to the bottom) on mobile only (screenshot attached). 2 - My image borders that I have setup on desktop (all 'split' sections on site) are doubling up on mobile only. I'd like them to show properly, 2px on top, and 2px on bottom (screenshot attached). If anyone has advice on how to fix, it would be greatly appreciated!! Client site. Thank you!!! JIC: www.fullpixinspect.com/home // password: fullpix555
