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


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
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Site URL: http://www.uniquelydolledwigs.com Hello, I would like to fade the main site content when my mobile navigation is open. Is there a code that could create an overlay color or change the opacity when the mobile navigation menu is active? Any help would be appreciated!!
  2. Hello, I uploaded a custom font and it's working fine on desktop but won't load on mobile. I've tested on both android and iphone. My site is https://www.beautybymichele.ca/about (homepage is a cover page). I'm trying to add this font to both the header overlay text and the H1 headings. I read it's good to add many font formats so that's why I have so many. Here is the code I used: /**********CUSTOM FONTS**********/ //adding playlist script font @font-face { font-family: 'Playlist-Script' !important; src: url('https://static1.squarespace.com/static/5dc1fa82d238444f39cf08ab/t/5dc718
  3. Iā€™d like to hide the mobile navigation menu, and instead just scale out my navigation menu underneath the title of my site when viewed on an iPhone. I do not want to disable the mobile style completely, just the menu drop down. Any way to do this through CSS or code injection? Thanks! My site is dyln.me.
  4. Site URL: https://primrose-koi-y2fj.squarespace.com/ I want my blog to appear across two columns on mobile, not stacked on top of one and another. If anyone has a CSS snippet that works - for 7.1! - please share šŸ™‚ Thanks
  5. Site URL: https://janakorim.com Hi there, I'm wondering how I can change the block order on mobile for the columns at the bottom of the page. Right now it lists "past projects" to "now launching" from left to right. On mobile, I'd like it to put "now launching" on top and "past projects" at the bottom (obviously for both the text and images since they're in different blocks). Any help on this would be greatly appreciated.
  6. Hello! I modified the navigation text on the desktop version of my site to make the text color of the current page the user is on in the navigation to blue. I want do the same color change for the selected /current page on mobile, but I can't figure out how to change the text color of the current/selected page in the mobile navigation menu. I've only been able to change the background color, which I don't want to do. Any ideas? Thanks!
  7. On squarespace version 7.1, when in mobile view, if you have a long list of categories, it creates a scrolling list that travels sideways and the breadcrumbs are gone on mobile. Insert this code into your Custom CSS to make the categories center align and wrap, with no scrolling. It also makes the breadcrumbs visible on mobile. @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { padding-top: 30px; flex-wrap: wrap; overflow-x: hidden; justify-content: center; } } @media only screen and (max-width: 575px) { .product
  8. Site URL: https://www.interiorsbyhonor.com/ My client is after the logo to be in the center when viewing on mobile. I have no idea how to get this to work.... suggestions
  9. Site URL: https://alligator-horse-4t36.squarespace.com/ Context: On my homepage, I have code to enable a split screen. The first section is text, the second is a fullscreen slideshow gallery but it displays with the images on the left and the text on the right. On mobile, it stacks the gallery slideshow gallery on top of my text. For mobile, I want to: 1. Switch the order so that the text appears first, then the slideshow below (they are in different sections) 2. Make the slideshow 75% as tall Password to website: 1
  10. Hello community, I am currently building a team page for a client and I am building the page using image blocks & text blocks. I am happy with the desktop design and now I need to refine the mobile version, which currently only displays one image per row. I would like two rows of images, with the relevant text for that picture sit beneath it. Here's desktop currently: Mobile view: I was wondering how I can have two images next to each other on mobile e.g Alex & Alexi, and there names sit below them. Any help appreciated - If you need access
  11. Site URL: https://www.thatspeakmtb.com Hey! I'm trying to add space between these stacked images on mobile (please see attachment). Thanks for your help!
  12. Site URL: http://bontafriends.com None of the pictures are resizing for mobile. I added the code below which worked for the homepage banner, but not any of the other banners or pictures on the website. I suck at coding, can anyone help? @media screen and (max-width:767px) { .homepage #page section:first-child { min-height: 40vh; height: 35vh; } }
  13. Site URL: https://www.leperchoirfrance.com/availability I am looking for some help to get some custom code so that the calendar format attached, when in mobile state portrait still displays the thumbnails. I understand that in portrait mode under 600 pixels the thumbnails won't render so looking to try and get this coded so even when it is in portrait on mobile, it displays the thumbnails.
  14. Site URL: https://zeronineobjects.co.uk hi, a) how do i make the title 'shopping cart' centred on the cart page on desktop and also on mobile b) when i open the store on mobile, the title 'store' is to the left. i'd like it to be centred if that is possible c) i currently have the + to x menu icon and i would like it to be smaller to 14px password is zeronine thank you :~)
  15. Site URL: https://www.elizabethsimakoff.com/link-in-bio Hi! I'm trying to reorder the title and body modules on mobile. On desktop it's fine, but on mobile the body column is coming above the header which makes it illegible. Does anyone know exactly how I can fix this?
  16. Site URL: http://www.crackedpaintstudios.com Hi everyone! I deleted every code I've tried and decided to start fresh. Can someone help me stop my banner from being cropped? I used the same pixel size as was recommended, I tried what Squarespace recommended with the duplicated sections and their code. I used other codes with the appropriate section ids. It didn't work at all. Any help would be appreciated. Thank you!
  17. Site URL: https://www.couragestyle.ca I want to shift down two words "Courage Style" down on the mobile version of my Homepage as it currently overlaps with an image and is illegible. I know it'll need custom CSS but I am not a coder but am unsure the correct piece of code to use. I have attached what it looks like on mobile and on Desktop and the Homepage code.
  18. Site URL: https://www.luxuraio.com/candles/p/rock-salt-and-driftwood Hi, I am trying to get my Content block located on products to been seen on 1 row on mobile device. I have attached an image of what I currently have, and an example of what Iā€™m looking for please., thank you,
  19. Hi, I have added code to my website to remove the banner from certain pages, however, on the MOBILE view, the original block color banner still remains on the page. Any suggestions on how to remove the MOBILE view banner from pages? Thank you!
  20. Site URL: https://lynx-copper-kklb.squarespace.com/config/design/custom-css Hi there, Wondering if anyone can help me with forcing my gallery view on my Studio page, in mobile view only. I am currently using the code: section[data-section-id="603eebeb954ee906cac97f19"] { @media screen and (max-width:800px) { .gallery-grid { background: red; grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 3vw !important; } } } But with no movement at all... P.s Ive placed a red background behind to highlight the area I'm trying to targe
  21. Hi all ! So I am creating blast email templates to send to my contact lists, where I choose a specific color for my section background (let's say, green). It looks great and all, but when someone receives it on their phone or tablet, and their dark mode is turned on, then the background color inverts and it looks really bad. Is there a way to force the background color on any devices? Thank you so much for the help!
  22. Site URL: https://www.hintoftime.com/ Hi guys, I finally found an image slider that (kind of) works. The problem is that it only looks good on a Full HD monitor. Any resolution larger or smaller breaks the element. The slider is a feature from the Squarespace Ninja Kit extension. I believe my theme is Carmine. Does anyone have any suggestions of what I could do? Hiding the block on mobile is also an option if there's nothing else to do. Thanks
  23. Hi, I have a client who built her website in developer mode (7.0). Her banner (background) images across the site are not optimised and not properly showing on mobile, a lot of the text is missing, so I was looking for an option to disable mobile views, either on the banners only or across the whole site. Since she's not working with a template to disable it on, I'd need to use some CSS. Can someone help me with this?
  24. Site URL: http://www.tomaschlup.com Hi all, I'm looking for a code to resize an image in footer of the page so it doesn't look so big on mobile. Also would be fine to reduce the spaces between the verticaly oriented content of the footer. www.tomaschlup.com Any help appreciated. CU TCh
  25. Site URL: https://www.samdanan.com/ Hi everyone! I'm working on a portfolio website right now, and I am using a portfolio page to house some projects. I want to use the "hover: follow cursor" effect, but one thing I'm having issues with is the type size/leading on mobile vs desktop. Here is the desktop, which we are liking: vs the mobile: On mobile we feel like the line's are too spread out to read clearly, but when we close them up it adjusts the desktop too and makes them too close together. Ideally we would love to decrease the type size and spa
Ɨ
Ɨ
  • Create New...