Search the Community
Showing results for tags 'mobile'.
Found 1,292 results
-
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
-
In my shop, the category links I have on the main shop page is not responsive to mobile. Half the links go missing. You can see here the difference. I don't see any place to fix that.
-
Site URL: https://seabass-maroon-5h8g.squarespace.com/ For my team page (https://seabass-maroon-5h8g.squarespace.com/team-full-width), I have added custom css in order to display team members in two columns on mobile, rather than a single column. My current code is the following: @media screen and (max-width:767px) { div#page-section-5f5a7d3357b36416be95a88a>.row>.col>.row>.col { width: 50% !important; float: left !important; } div#page-section-5f5a7d3357b36416be95a88a .image-block { padding: 5px; } div#page-section-5f5a7d3357b36416be95a88a .image-block * { font-size: 12px; margin-top: 0; margin-bottom: 0; } } However, the order of the team members gets messed up. I would like the team members to stay in the order that is used on desktop (left to right from the top). Is there something I can amend in the code that would correct this?
-
Site URL: https://poodle-turtle-zkzb.squarespace.com/portfolio-tiled Hello! I'm on 7.1 working with Portfolios, specifically the main portfolio page that shows all projects. I'm looking to display all project names on mobile, when a user goes to my main portfolio page and they see all my projects as thumbnail tiles. Portfolio settings: Format tab Grid: Overlay Show Text: After Hover https://poodle-turtle-zkzb.squarespace.com/portfolio-tiled On desktop, project names display as expected upon hover. On mobile, project names do not display at all. --- I'm looking for an option, or code, that will display the project name over the project image tile on mobile. Preferably at bottom with some opacity. (I know that I can work around this by choosing Show Text: Before Hover.) Support told me that this option isn't available other than to add custom code. thanks to anyone who can help! -
Site URL: https://coconut-triceratops-wpkr.squarespace.com/new-page-2 Hey There, I was wondering if anyone had a suggestion to replace the video on the home screen to a still image when viewed on mobile devices. I would like the video to play on desktops and laptops, and a picture to replace it for mobile devices. Any help would be much appreciated! Best, Erik
-
Site URL: https://www.bijouxcreative.com/branding I have a button on an image overlap which is aligning left on the mobile version of the page (screenshot attached). Please could somebody help me centre it? Thanks so much! @tuanphan
-
Site URL: https://www.petersom.com/shop Hi, We are using a portfolio section/page for the /shop (https://www.petersom.com/shop) section of our website. But, when we click the hamburger to bring up the dropdown menu, the top part of it is cut off by the header. This only happens on mobile. Any idea why this would be happening? I've looked through the header menu options and adjusted the portfolio header as well. We must keep the position of the portfolio menu as "top" and not change to middle because we want it to mimic the main nav. Thanks for your help! Ben -
Site URL: https://www.elliotcamarraceramics.com/ I'm having an issue with excessive padding between galleries on the mobile view of my site. Apparently if these were "normal sections" the padding would be customizable, but as gallery sections it is not. i'd like to add a custom code to modify the mobile view without impacting the desktop view. is this possible? thank you so much!!! screenshots of the problematic mobile view attached. mobile view: desktop view:
-
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.
-
I am trying to change the height of my image on the mobile version of my site. I have an image in an overlay format which looks great on the desktop version, but when switching to mobile it's too large. I would like to reduce its height whilst still keeping it at full width. Also...any idea how to remove that annoying bit of blank space at the top which seems to only appear on mobile?
-
Site URL: https://www.artblane.store/ Hi all, I've got an issue with some code blocks I'm using on my site. I have got the code blocks, which I am using as Category Navigation buttons, (wanted the hover feature so used some code) functioning well on desktop mode. However on mobile view they stack on top of each other. I'm trying to find out how I can code them to appear side by side in mobile view (As they would if they were in a gallery block) this is the page https://www.artblane.store/shopall password is editedit
-
Site URL: https://ellifischer.de/blog/lesemonat-august-2020 Hello, i have a small problem with the mobile view of the pictures "Collage". I changed the order using the following code so that text comes first and then image. I was able to center the title and subtitle - and also the image if it is on the left in the normal view. Only the images on the right are still centered on the right. Unfortunately I can't find a code to address. Can anyone help me? @media (max-width: 640px){ div .sqs-block-image .image-block-outer-wrapper.image-block-v2 { flex-direction: column-reverse !important; display: flex !important; align-items: center; } } // Padding Between Text and Image // @media screen and (max-width:640px) { .sqs-block.image-block .image-caption-wrapper p { text-align: center !important; } } @media (max-width: 640px){ .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card { padding-bottom: 50px !important; padding-top: 30% !important; margin: 0 auto; } }
-
Site URL: http://www.realestategirlguru.com Hi all, I am wanting to change one of the sections on my 7.1 site to not go vertical on mobile. The section is a list section that as a few photos with words underneath and on the desktop it spans 4 wide, however on mobile it then goes to only one photo on top of the next, on top of the next, etc... I'd like to change it so that it shows almost the same on mobile as it does on the web and have multiple horizontal photos next to each other. thanks in advance
-
I can only see one product photo on mobile version?
brunnatorino posted a topic in Pages and Content
Site URL: https://araraswim.nl/bikini-sets/gin-amp-tonic-bikini-set Hello, On the pc version of my product item page, the products with more than one photo show a slideshow so the visitor can select and view multiple images of the product. However, in mobile mode only one picture (the thumbnail) shows up and you can't select to see the other ones. I'm afraid this lead to customers thinking there is only one picture. I have tried changing the style to stacked/carousel but nothing changed the mobile version. Ideally I would want it to be possible to select other photos, but shortening the time it takes to change pictures would also work. Can anybody help me out? Thank you very much -
Changing the index page/gallery design just on mobile
doppelr posted a question in Coding and Customization
Site URL: https://renerodlauer.com Hey guys! I hope you are all doing good and having a great start in the week. I just updated my website on the weekend and am very happy with how it looks on a PC or Mac, but, I really don't like two major things on my mobile version. I switched to the Avenue template and am happy with it but, even if I select "Thumbnails per row" to 1 - it will display two rows on mobile. Additionally the size of the thumbnails will get even smaller. Is there any possibility to attack these two factors with custom css? I would love to make my mobile site index page with all the projects look as closely as on Mac/PC and it really is just the placement of the thumbnails and their size, so I hope there is a way. Thank you very much! Attached you will find a screenshot of my website on Mac/pc and a screenshot of my website on mobile. Best, René -
Site URL: https://flackestudio.com/interior-design Hi, I added a code for my images to not be cropped in Modile view while using slideshow : full , but the images are now cropped during the web view... Can you please help me find a middle ground, so the images will not be cut and cropped in the full slide show web view. Thanks- M Here is my link https://flackestudio.com/interior-design -
Hi, I have successfully changed my logo on my mobile version to a longer, rectangular logo to fit the screen better instead of the square-shaped logo I have on my desktop site. However, with the photo on my homepage my logo disappears. I'd like the blue logo on all of my pages, but I need the logo to be white on my homepage. The blue shows up when the navigation bar is open which is great, but that blue logo is hard to see on the main homepage. I have successfully coded so that I have a white logo only on my homepage for desktop, but I need the same for mobile.
-
Site URL: https://www.213.design Can you please help me make it so the footer text blocks don't stack on mobile. Thank you! (site password: 213)
-
Site URL: https://ruby-dinosaur-xmr3.squarespace.com/config/design In Squarespace 7.1 , I would like my desktop website to switch to stacked content (mobile view) at approx 1100px wide instead of the default value. I've seen many examples in the forum that deals with the navigation bar only but in my case I want the whole site to switch to stacked view (images and text boxes). How can I do this ? I've tried multiple CSS so far but none has worked. Thanks. password to the page : helloiro -
Site URL: https://www.vincelam.com.au/photography/places Hi there, I just got started on Squarespace. I want to resize the bottom of the autoplay slideshows/galleries on this page for mobile - there is a big gap/large spacing between the slideshow and the following block (particularly on the bottom). Can this be achieve whilst maintaining the spacing on desktop? Thank you in advance! :)
-
Site URL: https://tangerine-hypersphere-6rdr.squarespace.com/ Hi! I'm working on a page that has a slideshow gallery in it. I am having a problem where, on mobile, it has an unnecessary amount of space below it. I used this code to reduce the section height, but am now struggling to center the slideshow. Attached is a screenshot of what it looks like now. Is there a way to align the gallery itself to be within the section block? https://tangerine-hypersphere-6rdr.squarespace.com/ (pw: gronk) data section id: 5f508fefd198ad5b484cc9d5
-
Site URL: http://www.1worldprint.co.uk Hi, I have a slight issue with the mobile version of our website and i'm sure there is some CSS that might be able to fix it. http://www.1worldprint.co.uk/ The sliders on the front page on desktop are fine and on my iPhone 8 Plus, i have managed to make it fit within the borders but with smaller phones the text doesn't fit. It there is a way to force the gallery to a certain width on mobiles. I have attached some images to give you the idea as well. Thanks for any help. -
Site URL: http://www.simpledwelling.net/link-in-bio Hi everyone, I'm creating a 'link in bio' page on my website which will sit on the Instagram account's profile. Because Instagram is mainly viewed on mobile, I'm assuming this page will only be viewed on mobile as well. I understand Squarespace's responsiveness, but I'm wondering if it's possible to override the single-column layout on mobile and replace it with two-columns? I'd be only looking to apply it to this single page. The page will be made up of multiple single-images with the caption text below. I've attached an example. Any help would be amazing.
-
Site URL: https://www.elevateptr.com/conditions Hi, Is there any way to shrink down this page via css so all of the images are laid out like the desktop version of my site versus a long list? Thanks for the help! -
Site URL: https://thekamava.com/ I don't necessarily want to write a mobile query of this, but I can if possible I saw the options from other discussions but I don't really see the necessity of adding an index page just for mobile view but since I'm new to Sqaurespace I don't want to eliminate those options. Can anyone give me some assistance on my site to help? I can provide login details or donate, and if the simpler option if editing the logo in photoshop I don't mind that either! T.I.A!
