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

Search the Community

Showing results for tags 'mobile'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://tortoise-teal-ygx9.squarespace.com/config/pages Hi!! In my "About Us" page, the section height were the "Multiservicios y Medio Ambiente" title is (section-id = 5fccb6983ff1011540ede2f6) is set at 100%, which looks good on desktop format but not on mobile. The ideal height for that section on mobile would be 88% but if I change it, then it automatically changes in the desktop version as well and it looks weird. Does someone know how can I change the section height only for mobile? Password: 2020 Thank you so much !!
  2. Site URL: https://www.ourbetterbox.com/theboxes/p/smellkitbox Hi, on mobile, the carousel is too small and trying to show three small images. Can I make this larger so that it only shows One image at a time on mobile so it is visible? desktop works and looks fine so don't need help there, but would really appreciate any help guys!!
  3. Hi all I have searched high and low through the forums and Googled my heart out, but I cannot find a straight forward answer to what seems to be a simple query. I am using the Brine template and forcing the mobile menu to display on desktop — this was relatively straight forward by adjusting the mobile breakpoint — but standard behaviour shows pages nested within folders hidden until you click through to the folder on mobile menus. To improve the UX, I'm looking to expand the nested pages within the mobile menu WITHOUT clicking through to the next level of the mobile menu to see
  4. Site URL: https://oval-parrot-2ebm.squarespace.com/ I'm using the BEDFORD templated. The resizing and stacking of graphics on the mobile device looks silly. (I have some small icon pictures below to text on the desktop that are resized to be quite large relative to the text, on mobile) I do want to keep the icons on the desktop version, if possible. How do I create a desktop version that keeps the graphics and a mobile version that omits them or keeps them small? Site is in the process of going live so including screen grabs here.
  5. Site URL: https://afterworldorganics.com I'd like to add the nav items from the site footer to the mobile navigation so people don't have to scroll down the entire page to see the items. I've seen the questions asked here before, but haven't seen it answered. I'm using a Brine template on 7.0. Thanks!
  6. Site URL: http://bradleystearn.co.uk/ I'm struggling to find a way to remove the negative/blank space on the mobile view of my website. Viewing on desktop the design is how I would like it, swithcing to a mobile view you'll see a lot of negative white space between my header, and the image slideshow. I've been hunting around the design section of the edit menu, but cannot find a way to remove this space, which doesn't affect the design of the desktop version. http://bradleystearn.co.uk/ Thank you
  7. Site URL: https://endive-denim-89ds.squarespace.com/resorts pw: 1404-Hello Hi community, I have made a wall of images on my page that looks great on desktop, but feels way too long on mobile. I would like to display two images per row (kind of like an instagram page) for mobile screens only. I have tried with the code below that targets the section only, but it doesn't put the images side by side... Any help is appreciated. Thank you ! @media screen and (max-width:767px) { div#page-section-5fd63cbbc4373837b905ef57>.row { display: float; justify-content: space-be
  8. Site URL: https://rolling-pictures.squarespace.com/about-us The "about us" gallery images shows 2 images at a time on mobile, but for some reason it's getting cut off and expanding the page horizontally which is causing a horizontal scroll (which I don't want). How do I fix this issue? Password: hello And not sure why but that one "LINKEDIN" button is very close to that one image and I don't know why it's doing that. Any suggestions?
  9. So I'm using the Foster template for www.supermoonbeautyco.com, and the shopping cart is in the upper right corner on desktop view. It is also in the upper right on horizontal mobile view. However, when a mobile device is vertical (how most of my customers are shopping) the cart disappears completely in favor of the default condensed navigation menu. There is no where to access the shopping cart anywhere in mobile view, when vertical. Can anyone walk me through how to override this? I've searched every setting possible in my pages, styles, etc. And there's just nothing. This is wil
  10. Site URL: https://www.sierraccook.com/ Hello everyone! I am struggling to figure out how to change the height sections on mobile. On a desktop, the large height sections look great, but on mobile they are spread way too far apart. This is the amount of space on a desktop: And this is the amount of space on mobile: I would like for the distances to be about the same on both screens, and would also like for the images on mobile to be the same width. Since the images of the phones are actually background photos, changing the hei
  11. Site URL: https://oleander-pomegranate-ka8f.squarespace.com Hello there. I'm trying to use a more horizontal version of a logo for the mobile site header than what is used for desktop on this site: https://oleander-pomegranate-ka8f.squarespace.com password: temporaryrebel I found this code online and it works great... in Safari and Chrome, but not in Firefox. .Mobile-bar-branding-logo { content: url("https://static1.squarespace.com/static/5f91e45ce9c9a7197e80ca05/t/5fd3bfffddb92d04d71dafa2/1607712767117/blackStag_mobile_logo2.jpg") !important; max-height: 53px; m
  12. Site URL: https://www.alicedegaetani.com/libri-minimalismo-intenzionalita Good morning! I'd love to know how to force the summary to show two columns on mobile rather that just one. https://www.alicedegaetani.com/libri-minimalismo-intenzionalita Thank you!
  13. Hi guys, I'm trying to create a button on my mobile site's header. I've created a button on desktop and inside the mobile menu using styling of the 2nd navigation element. Now I'd like to have this button out on the mobile header. Thank you!
  14. I've been asked by a client to create some templates using squarespace that can then be used in iFrames on 3D tour platforms. He wants his team to be able to input content to the templates easily with no coding required, hence squarespace. But he wants the the templates to be fixed width for desktop and mobile to fit with the iframes. This is on the edge of my expertise so I need some help! He wants 600x700 for desktop, and he says he needs breakpoints in 400px, 375, 350, 325 and 300. Is this possible? The templates are very simple. I was planning for each one to be a
  15. Site URL: https://tmboi-agency.com/ ps 1234 Hi! I would like to resize the images on the contact page (it is a image wrapper) for the desktop and mobile format smaller and on the tablet format a little bit bigger. I tried some css codes, but it didn't work. Does someone know the css codes?
  16. Site URL: https://www.chwoon.me/footwear password: chwooned Hello, I would like the index images to change depending on device: mobile or web browser. I have tried using ccs to hide the lower index on browser and show on mobile using: section #yui_3_17_2_1_1607780601651_292{ display: none !important; } @media only screen and (max-width: 640px) { section #yui_3_17_2_1_1607780601651_292{ display: block !important; } } and: div#yui_3_17_2_1_1607780601651_292{ display: none !important; } @media only screen and (max-width: 640px)
  17. I'm a basic SS newbie helping my brother-in-law out with his site. He has a team page with 7 people that's hierarchical - senior to junior. I have set the images and text so there are 4 columns/ people on the top row and three people on the row below. But when I look at the mobile site, it's placing the person on the first row of the second line as the 2nd team member - not the 5th. ( See pics attached). When I try to move the order around in mobile view, it changes the order when I revert back to desktop view All assistance welcome Many thanks - Paul
  18. Site URL: http://dianacordarographic.design Like everyone else, I have copy/pasted the codes provided and it does nothing to reduce the logo in the footer. I don't understand why it's not working? Is there another way besides Design-Custom CSS to add code changes?
  19. Site URL: http://primrose-okra-apc5.squarespace.com/ Hello, I am having trouble with a custom font causing overlap and/or spacing issues when viewed on a mobile. It seems to only cause problems when the text is forced onto the next line when view on a mobile. I seem to have some luck with changing the underlying font which is being overridden with custom CSS for H1, but that seems like a strange work around and it doesnt actually fix the issue. Site: http://primrose-okra-apc5.squarespace.com/ Pass: password1234 Cheers, Tom
  20. Site URL: https://hassansaid.com/films Hello there so I use FLATIRON for my template. on my mobile I face a couple of issues 1- RED: the menu in itself gets cropped once I try to open it, but when I scroll its fine. its like blocked by the content . 2- YELLOW: how do I change the project title and the black/grey outline around it to a different style? like no background behind text or text hover. right now as is looks awful I feel. looking forward to your responses. thank you
  21. i'm trying to find a way for my cover page image to resize in mobile view (flatiron template). currently, it gets in the way of the navigation buttons in mobile. i know this is a problem that a ton of people have had but i can't seem to find a code that works. if possible to resize and move the navigation buttons to the top/in line with the social icons when in mobile view, that would work too. any advice/help would be greatly appreciated.
  22. I have am using a Brine/Moksha template and, on various pages, I need to change the background image to a different image when on mobile/tablets. Does anyone have script/html solution for this that I can inject in header? or css? See https://yelar.squarespace.com/hi-im-barbara-on-home for an example.
  23. Site URL: https://www.wildlife.co.nz/wildlife-cruise-1 Hi, I am trying to figure out how to use a media query to resize page banners to be a full width image on mobile view. The banners won't have text or buttons on them. I just want them to be a full width image that has the parallax effect as the user scrolls down the page. I want to be able to do this on multiple pages on my website. Example page: www.wildlife.co.nz/wildlife-cruise-1 Squarespace 7.0 | Mojave template @tuanphan I've seen you respond to others but the code you've provided them hasn't worked for me
  24. Site URL: https://brass-triceratops-e56d.squarespace.com Hey guys, I've been scouring the forum for help and I've gotten this far. I'm trying to scale a block of 3 images when on mobile; instead of the typical flow over like it does automatically. With the code below I've gotten them to scale on mobile but now I need them to align horizontally, any help? @media screen and (max-width:766px) { div#yui_3_17_2_1_1607657594977_302 { margin-bottom: 0 !important; } div#yui_3_17_2_1_1607657594977_302 { width: 33.33% !important; } di
  25. Site URL: https://www.cotswoldforager.co.uk/products/gift-vouchers Only just noticed - maybe due to an update on Squarespace - that my mobile pages are now showing the script in the header at the top of the page. It hasn't been a problem up until the last day or so, although it does show briefly when loading on both mobile and desktop, but I have no idea how to fix this... Any help would be hugely appreciated
  • Create New...