Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'mobile'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 627 results

  1. Hello everyone, Can you please advise on how to force the mobile menu on a desktop? I am new to squarespace and trying to keep the hamburger menu on with all screen sizes. I'm using version 7.1 - and all online resources are based on a previous versions were you can edit mobile settings that are not available anymore. It would be great if you can suggest any tips or custom code. website: tarpon-reed-27ss.squarespace.com password: 1234 many thanks, Dario
  2. Hi Circle Family, I am working on a site for a client, and I looking to see if someone could assist me. I am having issues with call to action buttons some are higher then others on the (tablet view). It seems like the buttons are floating up or down. I know this is not normal, the character count is different with the text but is there anyway to adjust this? Thank you Please see image below.
  3. Good afternoon, I have been attempting to increase the logo image size for the mobile view. I have tried several different methods found in the forums, such as the one included below: @media only screen and (max-width: 640px) { #logo { height: 100% !important; max-height: 100% !important; width: auto; max-width: 100% !important; } } The website is: ubcontractor.com I am using the Bedford Template. Would greatly appreciate any help. Thank you so much.
  4. 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
  5. Site URL: http://www.pureimagevideography.com Hello! I have lovely slideshow blocks on my website hosting logos of locations & partners I've worked with in the past. It's made up of 4 slideshow blocks simply placed next to each other in my About Me section. It looks wonderful on my desktop version but it automatically stacks them on my mobile site which doesn't look great & makes my About Me page MUCH longer. Any one know some code to get this resized only for the mobile site?
  6. Site URL: http://www.winkeyewear.com I’ve noticed that our index page banners have black bars at the bottoms due to the parallax scrolling. It doesn’t matter what the image size is. We’ve tried everything. Is this just a bug in Sonora or do we have something set wrong?
  7. 7.1 Section ID Targeting Challenge... For 7.1 when using an image page section with a gallery grid... Want to add CSS so that when on mobile the grid effect still happens vs all images stacking one on top of another. I am having trouble... and not gonna lie did search on Google for some code ideas, cause this is still way new for me.. (I did find a Chrome extension that identifies section ID, as opposed to just block id. Squarespace ID Finder) So I have tried a bunch of things, none seem to do what I want to accomplish. Any suggestions?
  8. Hi, I recently switched from the Native to Brine template. Native's mobile navigation spelled out the word 'navigation' below the logo but the Brine template just has symbols to choose from. Is there code that can change the Brine mobile navigation menu to say "navigation" instead of having a symbol? Thanks!
  9. Site URL: https://www.weacceptcryptocurrency.com/ I've been speaking with users of my site recently to see how I can improve it, and nearly all of them say that they didn't even recognize the mobile menu icon as a menu. SquareSpace uses a hamburger icon with two lines rather than three, and people don't seem to recognize this as a menu. Would it be possible to replace the mobile hamburger menu with just the word "Menu"? I believe this would reduce bounce rate on my site significantly and improve user experience.
  10. Site URL: https://quillfish-bronze-eymh.squarespace.com Hi all, We want to launch our website https://quillfish-bronze-eymh.squarespace.com that uses the Rally template and the mobile view does not look great. We have four featured articles in the top view but in the mobile version they can hardly be read. In other parts of the site mobile reduces certain blocks so that the text exceeds the block on the right side and it does not look good. Also for certain elements of the website we would prefer the mobile view only to show the article title and not the preview text. The preview text takes up a lot of space in the mobile version. I would really appreciate any help you can give with this. Many thanks Simone
  11. Site URL: https://ticket-channel.squarespace.com/ Hi there! My website, on desktop, has a 4x4 column. I had to turn them into image block poster in order for the overlay to work with hover. The problem is, that on mobile it stacks. And it doesn't offer a nice user experience. Is there a way I can transform this into 2x2 on mobile? Instead of stacked? thank you!
  12. Site URL: http://leonormorrow.com/about I have used spacers on the desktop version of my site to make certain images a small size (see the 'all the best' text image at the bottom of my about page). However, on mobile, the side spacers disappear so the text looks huge. Is there a way to resize the image so it is still small on the mobile site? Thanks!
  13. I have created a 2 page website in 7.1. I want to disable the mobile breakpoint of 991px and just keep the regular menu bar visible as there is only 1 button to a contact page on there. Does someone have the CSS code to disable the mobile menu in 7.1 since there isn't an option to set it to 0px in the style editor?
  14. Hello! So my site is https://earthlycraft.co/ It's almost there... but i cant work one thing out. How to change one of my banner hero images for mobile. It looks great on desktop however its too small on mobile, so i have another logo ready thats zoomed right in that i'd like to use for mobile only. I've added the file in design > custom css > manage custom files so i can use the link to the file I'm fairly familiar with media queries but i don't know the code to change the banner. When I inspect I get this code: .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img Therefore i'm going for something along the lines of: @media only screen and (max-width: 600px) {.sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img {background image: https://static1.squarespace.com/static/5d00032088447c0001487495/t/5dcdc90c40062f0cf29e9ddc/1573767446853/mobilelogo.png;}} Help would be much appreciated!! Cheers!!
  15. Site URL: https://pelican-rectangle-748l.squarespace.com/home Hi Guys, I wanted to know if its possible to replace the Index slideshow gallery images for mobile? I have tried this code for to get it show the full image as it was cutting my image off. <style> @media screen and (max-width:640px) { .Index-gallery-item-image img { width: 100% !important; left: 0 !important; top: 0 !important; height: auto !important; } } </style> But using this code shows the full image, but doesn't show my button that I have on-top of the index slideshow correctly. So now I've created different images for mobile, Is there a way I can just add these images to show on mobile? I have 3 images in my slideshow.
  16. I have been given the task of admin on a site and I am totally unfamiliar with SqSp. (I am otherwise a developer that usually develops on other platforms/CMS's) The issue with the site is that the page is too wide for mobile and causes a chronic amount of horizontal scrolling. The previous developer apparently found a solution by adding the viewport meta tag to the Custom CSS area! {huh??}. While this does fix the horizontal scrolling issue, it introduces an error in the Custom CSS (of course) and then the standard formatting on desktop/laptop causes the #page content to be narrower than it should be. The template in use is Bedford and this is the meta tag code added in the Custom CSS area: <meta name="viewport" content="width=device-width, initial-scale=1"> (I have tried adding this to the 'Advanced' area of Page Settings - and removing it from the Custom CSS, but it has no effect. Still too wide on mobile, but desktop display returns to normal width) I would love it if anyone more familiar with SqSp might be able to point me in the right direction please. I've tried having a look via browser devtools but I can find nothing. NOTE: ** if viewing in a browser, only Chrome emulates the mobile display issue correctly. Firefox does not. The mobile display of the site in SqSp admin also displays correctly. The site is at robe.com.au Thanks in advance if anyone should have a look.
  17. Hi, I have a banner that I'm using and it works perfect on the desktop site but looks slightly odd in the mobile view. is there anyway to adjust the banner by "X" pixels in the mobile view? Here's the page it's happening on https://www.jfkjets.com/jfk-arrivals Thank you!
  18. Does anyone know how to display the Instagram block as 3 columns in mobile view? Our Instagram feed is reliant on 3 images being showed side by side, so when SS automatically converts it to 2 columns - it breaks the flow of it entirely. Using the Brine Template - have attempted CSS code but it appears the block natively converts to 2 columns regardless.
  19. Site URL: https://www.bytiline.com Hello, I would like to change the place of buttons on mobile versions. The page is an index made of different pages (www.bytiline.com). Both big images are pages, I would like the buttons be lower on the image on mobile to gain visibility on the pictures. Many thanks. Best, Domitille
  20. 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
  21. The Fulton template doesn't feature a customizable breakpoint in Site Styles but I want to adjust the default mobile breakpoint for the template. I've tried some custom CSS but I seem to be missing something (see below). It's not throwing any errors but it's not switching to the mobile menu at 1300px. Help, please. @media only screen and (max-width: 1300px) { #mobileNavToggle { display: inline-block; } }
  22. portfolio 7.1 site mobile view on portfolio page hover overlay text does not appear whatsoever - I really need this text title to display on touch screens mobiles upon scrolling or selecting -how may i fix this? please take a peek at the portfolio page on any mobile view www.nadinenorman.com/artwork sincere thks to anybody who may be of help - nadine
  23. Hello there! I have some issues with 7.1 default hamburger icon on mobile. Two thin lines are not bold enough to be noticeable and I would like to change it to thick three lines(and maybe different color so it pops out more?) or other alternatives that stands out more such as menu texts. Could someone possibly share the answer? Thank you!
  24. Site URL: https://www.annashani.co.uk Since most of the views are on mobile rather than desktop to my site, it would help if the menu bar actually functioned properly. Unless you click right at the top of the word "menu" the drop down list of menu items will not appear and the page just refreshes itself. Any coding I can insert for the mobile view so that people can actually view my whole website via their phone, rather than just the homepage? There essentially needs to be more space between the menu and the website title. It's a glitch that Squarespace can't fix.
  25. Hey Circle Peeps! Does anyone know if you can use a different image/ resized version of an image for mobile vs. desktop for banners and index page backgrounds? I am having difficulties with the image being cut off in all the wrong places. TIA! 🙂
×
×
  • Create New...