Search the Community
Showing results for tags 'mobile'.
Found 968 results
-
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.
-
Site URL: https://hotelanimalmelb.squarespace.com/ I'm looking to change the order of some Image & Text blocks on my Squarespace 7.1 mobile site. WEBSITE: https://hotelanimalmelb.squarespace.com/ PASSWORD: animals I'm looking to put the image relating to 'THE 27 CLUB' heading on top when viewed in mobile. It currently organises itself to below the text and isn't the same as the other two paragraphs/images.
-
Get custom footer on brine to look right
frotteedimare posted a question in Coding and Customization
Site URL: http://www.frotteedimare.ch Hey there I use Brine template and Squarespace ver 7.0. I successfully customized my footer to display the blocks in columns. Upper block is set to display: none. The css code right now looks as followed: /*footer colum design*/ @media screen and (min-width: 640px) { .Footer-inner { display: flex; } .Footer-blocks--top, .Footer-middle, .Footer-blocks--bottom { flex: 1; } .Footer-blocks--top {display:none;} .Footer-middle, .Footer-blocks--bottom { flex: 1; display: flex; flex-direction: column; justify-content: left; } #footerBlocksBottom { padding: 0px } } For now this setting looks great on mobile: But when i add more pages to the footer naviagtion ("Information"), the 3rd nav title ("© 2020, FdM") will automatically jump to the right side: Now my question would be how i should change/extend the code to force the 3rd nav title on mobile to stick to the left side? Appreciate any help! Best, J -
Changing the size of the Site Title for mobile and tablet...?
MartinF posted a question in Coding and Customization
Hey guys, how do I change the size of the Site Title for both mobile and tablet display/version? My site: www.martinfaltejsek.cz - the site title is too small in mobile version. I would like to increase its size. I have been trying to put: @media only screen and (max-width: 640px) { #header h1.site-title { font-size: 24px; } } ...into the Custom CSS and also trying to change the font-size pixels, but it does nothing. Any kind of help appreciated, thanks! -
Site URL: https://www.sepiadesignstudio.com/ I checked my website on my phone and my fonts are all different. I should have both a serif and sans serif but on mobile they're all sans serif. So I checked from my computer and they're wrong there too. From there, they're all serif. They appear correct when I'm editing my site, but they're wrong when I go straight to my website. I just switched to 7.1 so I'm wondering if it's a bug.
-
I have several Image Blocks with Collage Design throughout my website and the text portion is overlapping and cutting off the image in mobile view. I'm looking for CCS to edit this so they stack since this is not an edit option in Site Styles Thank you!
-
Site URL: https://saxophone-caterpillar-j8fn.squarespace.com/test Hi! I'm trying to remove all distance between image blocks. I managed to do it on desktop. But when I use two blocks one next to the other and the mobile version moves the second block below there's a white space. .sqs-block.image-block { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0 !important} Thank you!!! https://saxophone-caterpillar-j8fn.squarespace.com/test Password: test
-
Lots of folks have asked a similar question in different ways and there don't seem to be answers posted, so I figured I'd try again. This community is such an amazing resource! I am wondering if there is a way to use CSS to swap the order of blocks in mobile view so that you can specify some blocks to stack right to left rather than the standard left to right. So something like: @media only screen and (max-width: 640px) { //identify blocks you want to swap and change their order } My site is informd.co.in or informd.squarespace.com . Here's what I want to do specifically (on the team page): I really like my desktop arrangement, which is: <1 picture> <2 text> <3 text> <4 picture> Ideally I would like my mobile view to be arranged: <1 picture> <2 text> <4 picture> <3 text> But squarespace goes left to right so it ends up as: <1 picture> <2 text> <3 text> <4 picture> Is there css to swap blocks 3 and 4 in the mobile view? Thank you in advance!
-
Stop Mobile Fallback Image From Showing on Desktop
DevonLois posted a question in Coding and Customization
Site URL: https://menuez.com/ I have a cover page with an auto-play video background for desktop that is replaced with a fallback image on mobile. The mobile fallback image flashes on screen before the video starts playing on desktop. Is there any way to disable the fallback image from showing on desktop or replace it with a background color while retaining image on mobile? -
Site URL: http://www.talenttactics.com (password for site is talenttest) On the desktop site the header text sits bottom left and you can't read any of the following text until you scroll - I'd like to replicate this on mobile and need to add extra height padding to the mobile section to achieve this, currently it shows too much text. Thank you
-
Site URL: https://www.nappaneeapplefestival.org 7.0 - I want to add the footer navigation menu to the primary navigation in mobile. Is there a way to do that? The template I am using is Nueva.
-
I'm seeing an issue where my announcement bar is overlapping my site title and navigation icon on mobile. I reached out to support and this is a known issue they're working on but there's no solution yet and I need my announcement bar enabled. Any ideas? -
When I create a blog post on my website it always gives me the option to add an image first and foremost before I create the blog. When it is complete, the blog should have an image that I can click on that takes me to the blog post. I can do this on desktop with no problems but I’m having issues with this on the mobile app. It doesn’t give me that option. So when I complete a post, it’s without a header image. Any help?
-
Hi, I am trying to style the mobile menu on a new site in 7.1. Wow, very frustrating that this is not an option! First, I am just confused where the default styles are inherited from. Second, I have figured out how to change the background color of the middle and bottom portions of the mobile menu with custom CSS, but I have not had success changing the top header piece (I ultimately want the whole background of the menu to be completely blue #2f4e98, with white type and the button as is). Third, is it possible to specify a different logo (full color) for mobile if I were to stick with the cream background? Site is live at: https://rootds.com Thanks! Melissa
-
Site URL: https://www.tofw.com/takecourage Hey All, I know this has been asked 1,000 times (because I have read them all) but I cannot seem to get my banner image to resize correctly for mobile, it is zooming in way to much. It looks perfect for desktop but not so great for tablet or mobile. I have tried all the different CSS code snippets I can find in the forums but nothing is working and I can't find the block id for the banner either. I am using the Bedford template on 7.0. I am at a total loss. Anyone have any ideas or a CSS code that will work?
-
Site URL: http://www.maevaberthelot.com I built my website with Squarespace 7.1 and on the mobile version the blocks in the footer seem to be automatically stacked vertically (pic 1). I am trying to get all the blocks in one horizontal line like on the laptop version (pic 2). Does anyone know how this can be changed? Thanks in advance! -
Site URL: https://www.theathleticbridge.com/ Hello, I am trying to figure out how to resize solely the background image of my mobile website, it keeps getting cutting off (as shown below). Would I be able to edit this in CSS? I've been trying to find some code on these forums but nothing has worked yet. Thank you!
-
Hey, is it possible to customize the Flatiron mobile theme that the title appears white and centered on top of the image? Example attached (https://www.lawebdecanada.com/work/featured/)
-
Site URL: http://tiltedwindmillproductions.squarespace.com PASSWORD: tilted Is there a way to disable the scroll indicator icon on mobile only? It displays well on desktop but it interferes with the text on mobile as seen in screenshot.
-
How do I get my full width hero image to resize on mobile?
MikeDidIt posted a question in Coding and Customization
Having trouble figuring out how to get my full width banner images to resize on mobile. Looks good on desktop but it doesn’t seem to size down for mobile. I’m using squarespaces 7.1 template. Any help is much appreciated! -
Site URL: http://www.californiaglowing.com My banner shows up great on a desktop computer but is cut off on mobile. How do I fix this? Thanks in advance!
-
Site URL: https://aynaalondon.com Hi - my website is nearly finished apart from one thing. I have a gallery on this page: https://www.aynaalondon.com/our-story. This gallery is fine when viewed on the desktop: However, when viewed on mobile, the pictures are not on one row anymore: Is there any CSS code I can add in order to resize the gallery to ensure that the pictures are always on one row regardless of device? Thanks, AYNAA
-
How to remove mystery white space on mobile
BottleRocket1 posted a question in Coding and Customization
Site URL: https://www.bottlerocketrecording.co.uk/ Hi @tuanphan, @RyanDejaegher, @paul2009, @bangank36, @christyprice I've recently redesigned my site – transferring from Pacific to Brine. I'm pretty much there now apart from some frustrating glitches on mobile view, as explained below. On mobile: The header at the top keeps mysteriously adding 8px + worth of padding to the top and bottom which is contributing to – if not wholly – causing it to obscure my section headings when using index scrolling from the hamburger menu. I've isolated the .mobile bar section and removed 8px with CSS but if you compare it to the desktop view there is clearly still more white space added around my branding box. Cosmetically – I'd obviously rather it were thinner but it's not that big a deal, but I do need it not to obscure my headings during scrolling, so it has to be fixed one way or another. On Mobile, BLOG PAGE: There is another mystery white space between the "Notes from the Studio" intro Banner and the nav/branding bar at the top. I've tried reducing padding to that area using CSS and site styles. In most cases just causes the "notes from the Studio" banner to be chopped into. I've also tried that banner image in a number of different shapes and sizes and always get the same issue. Furthermore there have been many occasions where I seem to have fixed it – I go to my mobile device immediately after editing and it displays perfectly as as it should. Then then on reloading the page – the white space jumps back – almost saying "WAIT, I'M STILL HERE!, pushing the banner down again. This has been incredibly frustrating, especially when resizing and adjusting the padding to the "notes from ..." image block. In the section editor, Squarespace will show that I've solved the problem – everything looks fine – and then I open it on my actual phone and the white space is either still there or I've chopped the top or bottom off my banner. My only conclusion is there must be some rogue code somewhere that's over-riding everything or even a ghost block that can't be deleted that is pushing things to flow around it. Hoping someone can shed some light! Thanks!- 3 replies
-
- 1
-
-
- brine-template
- padding
- (and 1 more)
-
Site URL: https://smilodon-ocelot-my5f.squarespace.com/commercial Hi, How do I get more space between my gallery images in mobile view only?
-
7.1 background image won't expand to fit page
Brandijoan posted a question in Coding and Customization
Site URL: https://www.versionsthebrand.com Hello, I currently have a full bleed background image set as my homepage - it takes up the entire page. However, I can't get it to expand the same way in the mobile view. Thanks in advance! www.versionsthebrand.com
