Search the Community
Showing results for tags 'mobile'.
-
Site URL: http://www.renewfest.org.au I'm trying to make my mobile navigation all in one list, with subpages listed under their folder name rather than having to click through. I can see one person has asked this before in the forum but it was never answered. The first pic is my site, the second an example of what I'm looking for. www.renewfest.org.au Thanks for your help! -
Site URL: https://www.builtrx.com/ Hi. I am using a background with text overlay in Mobile only. I've just added an announcement bar that is sitting on top of this text on mobile. I've tried the following code and it does not work. Calling out the specific text block but it does not work @media only screen and (max-width: 767px) { #block-44e0b152b6987e291807 { h1 {margin-top: 200px; } } } @media only screen and (min-width: 768px) { #block-44e0b152b6987e291807 { h1 {margin-top: 200px; } } } I also saw this as a solution, calling out the whole section to mo
-
Site URL: https://www.yungrealestate.com/ How can I make the Headline Background Image responsive to the height of a mobile screen? I don't mind that the sides are cropped because I want the image to fill the screen rather than be minimized at the top so the width doesn't matter.
-
Resize Gallery carousel for mobile for a specific folder
Carocombs posted a question in Coding and Customization
Site URL: https://www.altruist.nyc/collections Hi, I'm looking for a code that could help me resize the image carousel of my mobile view only for the collection folder pages in the primary navigation of our website. I'd like to make the carousel images larger which would bring the text underneath down. I ve tried other codes but there has been overlap. -
Site URL: https://www.studio2299.com/recent-projects I am trying to show one Portfolio on Desktop and another on Mobile. On Desktop, the portfolio thumbnail titles show up on mouseover. On Mobile, I need to show the portfolio thumbnails with titles. I've seen a solution that uses Index subpages. The code is below: " I use index pages and just hide/show the subpages, so the page URL stays the same." /* show home page block dependent on screen size */ @media only screen and (max-width: 780px) { #home-banner { display: none; } } @media only screen and (min-width: 781px) { #home
-
Site URL: https://www.patrickpilato.ca/ Password: 123 Hi there, I would like to center align these entire sections only on mobile. (each calculator section) -
Hi Everyone, Is there a way to replace an image on mobile? I know there is a way to do this on a banner, but is there a way to do this on other images in different page for the mobile view?
-
How to add padding on stacked images for mobile view
JW95 posted a question in Coding and Customization
Site URL: http://cutandrunhair.squarespace.com Hey, I was wondering if someone could lend me a hand! I'm checking through the mobile view on my site, and on desktop there are 2 columns side-by-side. Once stacked, the padding between these elements where the column breaks is very tight, is there a custom CSS I can add in to include padding here? The first image is how the two columns are on desktop side-by-side. The second shows the end of the first column & the start of the second column (the image), but being stacked on mobile. I would like more space between the end o -
Hello I would like to disable the mobile view on my site since the homepage is built up with pictures in width and spacers etc to make it asymmetrical and i would like to keep this look on mobile devices. Anyone out there who could have a solution for this? I'm using squarespace 7.1
-
Site URL: https://www.solidwiggles.com/ Hello, I am trying to resize the footer of my site so that it stays as three columns on mobile but keeping the size of the text/icons the same. The items are in three different sections now, as three columns. Is this something I should/could do with spacers? Or is there a code would you suggest?
-
Site URL: https://butterfly-lychee-tps6.squarespace.com/config/design/site-styles Hi, Please see attached - menu is pushed together on mobile. Also, there's a random colour on the main button of the menu that I'd like to change. Thank you
-
Site URL: https://butterfly-lychee-tps6.squarespace.com/config/ Hello, Can you please assist me in how I can stop the button from formatting incorrectly on the orange/blue background? I have the button in the middle and no matter how I shift it, when I switch to mobile it renders incorrectly. Thanks! Mobile - button looks misaligned Desktop - Button is aligned in middle
-
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 exa
-
Site URL: https://giraffe-carnation-cfwm.squarespace.com/shop-coffee PW - urbana Can anyone tell me why my image blocks on mobile on the three shop pages are huge?
-
Centering images in a two image column on mobile
P-Lato posted a question in Coding and Customization
I am trying to get this column to be centered on mobile... I have tried a couple different codes but it keeps coming out weird, and aligned to the left. Can you anyone help please? -
Custom CSS for Hamburger Icon and Close Icon
chrisspencer3993 posted a question in Coding and Customization
Site URL: https://redsquirrelcreative.uk/ Hi there, I am looking for some custom CSS to change the icons for my mobile hamburger icon and the close icon once the menu is open. I am using Squarespace 7.1 with the Utica template if this helps. Any help would be greatly appreciated. Kind regards, Chris. -
Site URL: https://pomegranate-badger-p3wd.squarespace.com/magazine I'm trying to make the Mobile header show three things: hamburger menu / Logo / Button "Buy / Subscribe", I attached what I currently have (SpaceonSpace). I also attached what I'm trying to go for (Offscreen). What would you recommend? -
Custom CSS for Hamburger Icon and Close Icon
chrisspencer3993 replied to chrisspencer3993's question in Coding and Customization
Site URL: https://redsquirrelcreative.uk/ Hi there, I am looking for some custom CSS to change the icons for my mobile hamburger icon and to the close icon. I am using Squarespace 7.1 with the Utica template if this helps. Any help would be greatly appreciated. Kind regards, Chris. -
Site URL: https://www.yungrealestate.com/availabilities/3-hacienda-court I am having a few issues displaying only one item per row in a Summary Carousel on Mobile. Below there is an overflow of the second item. This leads to the excerpt text being slightly cut off on the second item with more of an overflow from the third item. For some reason, the Summary Carousel Pagination only works for up to three items. There are supposed to be five items for this Summary Block as displayed on Desktop. Current Code CSS .sqs-block-summary-v2 { .summary-title, .su
-
Site URL: https://urbanashramyoga.com/pricing Site URL: https://urbanashramyoga.com/pricing Hello! How can I increase the height of the carousel element on mobile so that the blocks' size increases, and the second one is pushed to the right, bleeding off at the edge of the frame? Please see images below for reference: Thank you so much. Current design: Desired Outcome:
-
Site URL: https://www.cltrickett.com In 7.0 you could change the mobile breakpoint which you can't do on 7.1. I would like the stacked nav menu to appear at tablet size, not just mobile size. Can anyone help?
-
Site URL: https://www.partners.forme.yoga Hey everyone, I am trying to change the overlay opacity of my background image, during a mobile screen size. When the black text is over the top of the picture, I would like the image to have a higher percentage overlay opacity. In desktop mode, its ok, as the text is over the white portion of the image. Can a CSS code fix this? https://www.partners.forme.yoga Matt -
Video resize in header when converting to mobile view
danirvin27 posted a topic in Images and Videos
Site URL: https://www.danirvin.com/ pw: danspeaks7467 I have an autoplay video in my header that is not resizing when I view it in mobile view here on SquareSpace. Additionally, it is not showing at all on my iOS device and have been testing a backup image, but would prefer the resized video to be autoplaying. Thanks in advance for any help/suggestions/support! :) Dan Attachments: Screenshots from web view and mobile view -
Site URL: https://www.trustclimateactionstrategists.com/ Hi! I have a video banner playing in it's own page, and I'd like to hide it from mobile view. I don't want a mobile fallback option for it as a header; I want that page containing my video to disappear completely. (I had to do a custom image for the header to properly resize for mobile, so I can't have that be the mobile fallback option). I've tried the following code (below) in my custom CSS section (which already has a bunch of custom CSS in it - please see the screen shot attached). Should I put code in the "Page settings > advan
-
I have used code to resize the banner for mobile on the homepage but how do I apply it to the banners on all of the other pages? Also, how do you get rid of the white space under the banner on mobile once you have resized it?
