Search the Community
Showing results for tags 'mobile'.
-
Creating two portfolio columns in mobile version
Billy1996 posted a question in Coding and Customization
Site URL: https://giraffe-fife-xnsh.squarespace.com/work Hi, I have tried all suggested code to apply two columns to a portfolio for mobile version but none of them seem to work. I was wondering if other code may be preventing it from working but would love some guidance! Thanks, Billy -
HELP! MOBILE VERSION OF THE SITE FOR ANDROID BROKEN
AlexandrulBless posted a question in Coding and Customization
Site URL: https://www.tothemart.net/ Hy guys! The site is password protected, the password is: teste OK so , until last night my site was working properly This is the CSS i used and it worked perfect: /* Change dropdown menu background */ .header-nav-folder-content { background: hsl(60, 7%, 77%)!important; } .header--menu-open .header-mobile-logo img { -webkit-filter: invert(100%); filter: invert(1); filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } .gallery-grid-item img:hover{transform:scale(1.5); width:100%; height:100%; o -
Site URL: https://coconut-lobster-36me.squarespace.com/ Password: izette Hi I was wondering if it's possible to easily disable the lightbox functionality for mobile only, while it still remaining functional on desktop? Thanks -
Blank space when blocks are hidden in mobile view
GregMeckstroth posted a question in Coding and Customization
Site URL: https://meck.com.au/mission Hi there, I've got a series of images where my text is alternating on the left and right of the image. I have duplicated some of these blocks and shown them only in mobile view so that when scrolling in mobile view the text appears before the image. However, a blank space has been added each time a block is hidden, and the same goes for the desktop view where blocks have been hidden. Thanks in advance! The page I'm working on is https://meck.com.au/mission -
Change image depending on mobile vs. desktop
achristensen posted a question in Coding and Customization
Site URL: https://www.andrewjchristensen.com/about Hello! I'm wondering if anyone would know how to make a particular image swap for another image when viewed on mobile. The image in question is the graphic below the body text on this page: andrewjchristensen.com/about (the handwritten initials). I'd like the mobile version to have my full-signature (seen in the top navigation on my desktop site). On mobile the initials appear way too large, and also redundant with my mobile logo image. Any custom-code advice here? Thanks in advance! -
Site URL: https://www.iahomesflorida.com/ Hello, I'm having a similar problem. Instead of a logo in the footer, I want to include an LGBTQ flag. It looks perfect on desktop but takes up the entire screen on mobile. Any assistance would be greatly appreciated! Site is IAHOMESFLORIDA.COM
-
Site URL: https://goose-magnolia-r53a.squarespace.com Hi there, I have a few columns set on my site on this page - jm-creative.com/brand-bootcamp This is fine on desktop but adds a line space on mobile. Can someone help me with this? Thanks, Jane Password: Orlabean16
-
Site URL: https://www.ambiancecurator.com/ Hello, I am trying to use the code below to optimize my font size on the mobile display. For some reason it is not picking it up. Could this be because I already have a custom CSS code for a custom font? How can I code this so that the mobile layout responds to the code? @media screen and (max-width: 641px) {body {font-size: 11pt}h1 {font-size: 13pt}h2 {font-size: 13pt}h3 {font-size: 16pt}}
-
Site URL: http://www.mattshafter.com Hello, I have an exceedingly simple new website (1 page,) but my 6 columns of gallery pictures do not render well on mobile (see attached.) What should I do to get these 6 gallery pictures to render on mobile with 2 pictures side by side? Thank you. -
Site URL: https://ooak.squarespace.com/ Hello, I am trying to get 3 product blocks to sit side by side in mobile view (instead of a single product view), I've attempted a few codes as advised on the forum, however these don't work. It's in the SHOP section. Kindly help! -
Site URL: https://www.rivalarchery.com/ Hello! What code could I use to make my Rival Limitless product show up on the top of the screen on the home page, only on the mobile view, and leave the desktop view unaffected? Thanks! Skyler
-
Site URL: https://www.klemmewolff.com/ Hi :) I added a code block for a scroll indicator and I'm wondering if there's a way to hide it on the mobile breakpoint? This is the code I have right now: <div class="mouse"> <div class="mouse-icon"> <span class="mouse-wheel"></span> </div> </div> <style> .mouse { margin: 50px auto; width: 100px; } .mouse-icon { width: 25px; height: 45px; border: 2px solid #F6BA93; border-radius: 15px;
-
Site URL: https://www.karensarailopez.com The mobile overlay menu button for my website appears all the way at the bottom of the screen and it's far smaller than the rest of the navigation options. Is there a way to move it up so that its at about the same spacing as the rest of the menu links and so that it's the same text size? Thanks.
-
Code to force mobile view at slightly larger size
LordP posted a question in Coding and Customization
Site URL: https://www.jamesfryimage.com/ A problem has been noted when the site is viewed on an iPhone 12 max pro, which has 6.7 inch screen. The Desktop view seems to kick in at sizes bigger than 6.5 inch. What is needed is the site to be in Mobile view mode at sizes up to say 7 inch, to allow for these bigger mobile devices. Would some code be possible to force Mobile view at browser sizes 7 inch and below, instead of, the at present 6.5 inch and below? -
Site URL: https://www.oursnrg.com/ Hi, Looking for some advice on the best way to set line breaks for mobile to style headline text? Here is what is it currently looking like on the website and here is what I'm after Thanks in advance. a
-
Site URL: https://www.vernacularcircles.com Howdy, friends! Hoping you could assist me with a mobile issue I’m running into—on my desktop site layout, I’m using multiple 6-column simple grid galleries alongside a few larger, 3-column gallery sections. On mobile, however, sections featuring three larger images gets shrunk down to an awkward 2 column layout. Is there a way to have just these particular gallery sections display as larger, individually stacked images on mobile? If possible, I'd like to be able to make the change to each [data-section-id] , rather than a global CSS chan -
Site URL: https://www.saragagliacouture.com/collections Hi there, I have some images set with caption on hover but on mobile this does not work so I'd like to change this setting and have the caption always on, only for mobile version. I have tried some codes I have seen from other queries but for some reason they do not work for me. Can you please assist? My site is: saragagliacouture.com pw: Saragaglia
-
Site URL: https://www.everettfitch.tv Hi there, I need help with my mobile menu. I use the Avenue Template. I have all the font changed on my mobile site except for the subfolder "Photography". Can you help me with this? Here's my website: https://www.everettfitch.tv I've also attached some screenshots. As you can see the only font that's different is "Photography" which is a folder. I need it changed to match the rest. Thanks, Everett -
Site URL: https://experiencefairfieldct.squarespace.com/ https://www.experiencefairfieldct.org/ For the home page slider/banner we want to make the mobile font size larger for "spring shop & stroll"
-
Image overlapping on product title on mobile
PowerhouseBrandStudio posted a question in Coding and Customization
Site URL: https://www.blksapote.com/products On this site on mobile, the product image is overlapping onto the product title, and I can't figure out how to adjust it. I went into the style settings and nothing is helping me adjust it. Can someone help me figure out how to fix this? Website: www.blksapote.com/products Only happening on mobile. -
Site URL: https://www.longitudepr.com/results Hello, I know this question has been asked and answered before but I have tried and tried to find a solution for stacking the images on mobile correctly. Would anyone mind delivering the css? Results page needs to stack Image 1 Image 2 Image 4 Image 3 Image 5 image 6 image 8 image 7. Thank you so much!
-
Site URL: https://www.mindfullmovement.net Hi there! I have finished creating my site and was checking out the mobile version. I have a strange background color when I slide over - any thoughts on how to get rid of this? I think it's due to the size of the embedded video on the home page? Thank you! www.mindfullmovement.net RPReplay_Final1618846149.MP4
-
Site URL: https://www.lightbulb.com.au/home I am using a code block to embed an animation for the title page and am having a few issues: Layers: I need the text "connecting people to purpose" and "and strategy to execution" to sit neatly when switching to mobile. Currently the "strategy to execution" part drops off under the animation background. I think that's because the code block is currently inline with the text so pushes the text when re-sizing, but not sure how to fix. In my mind if the animation background sat on z-index:1 and the text sat on z-index:2 it would work, but the c -
Site URL: https://gregorylassale.com/ Because of the scaling, the center element on the Services pages (https://gregorylassale.com/english#services and https://gregorylassale.com/french#servicesfr) is out of alignment on mobile. The picture above os on an iPad Pro 11 (2388x1668 pixels) Here is the same page on desktop: Not sure if the fix would involve inserting a spacer above the "film TV and multimedia" SVG code block, aligning the center row of elements, or reducing padding on mobile. Thanks in advance for the help.
-
Site URL: https://www.ktbaxter.com/ Hiya, I just want to know if there's a way to set a different image for my home screen for mobile rather than it condensing the one I have set for web view. I made one specifically for web and I think it looks great but on mobile it looks quite naff as the images aren't centred so it's literally just the word "welcome" on a dirty background. I'm making a new image for the mobile view but I just don't know how to add it for just mobile. Thanks in advance!
