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

Search the Community

Showing results for tags 'mobile view'.



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

Found 43 results

  1. Site URL: https://www.ocpmask.com/kid site: https://www.ocpmask.com/kid I need help in turning off Mobile View on this page when customers are visiting from their smartphone (Which is 90% of my traffic). I have a lot of products to sell as you can see there. When on mobile view, it shows 1 product at a time and the customers would have to scroll, making it very slow and unfriendly. I want the customers to be able to see an overview off all my products, then pinch-to-zoom or click on whatever they like. I tried to follow the instructions from Squarespace but there is not option to turn off mobile view on my template. I think it's not possible in 7.1 design. @tuanphan Please Help! Cam on ban nhieu nhe 😘😊
  2. Site URL: https://smilodon-ocelot-my5f.squarespace.com/lost-america Hi, How do I make the title "LOST AMERICA" go over 2 lines in mobile view only? And control the line-height?...
  3. Hello, I reduced the padding of the line block using the following code: . sqs-block-horizontalrule {margin-top:-50px !important; margin-bottom:-50px !important;} To achieve the following look: However, when I checked the mobile view, this is what it ends up looking like. Does anyone know a way to fix how it looks on the mobile view?? Thank you.
  4. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/ Hello, I understand that you can have a web element appear only on desktop and to be hidden on mobile using this code: @media only screen and (max-width:768px) { div#block-BLOCK ID HERE>.sqs-block-content:first-child { display: none; } } But I want to know if it is possible to show a web element (e.g. an image or text etc) just on mobile and not visible on desktop view? Please advise, Many thanks! Best, Faiz
  5. Site URL: https://wildroseshopny.com Hi there! So i just launched my site and realized my product photos arent showing on product pages when viewed on mobile. They are coming up blank slides that you can go through? Is this a code problem? Or image size?
  6. Site URL: http://www.mintandpoppy.com Hello! Our homepage Index banner image looks great on desktop, but when we view it on mobile - it doesn't size down enough so you can't quite see our faces (photos attached). We've tried a few different CSS codes but nothing seems to work. Any help is appreciated! Site: www.mintandpoppy.com Password: katieandmegan
  7. So far all looks good except for one section of font that doesn't show up clearly on desktop view. I just implemented my very first custom code so be easy on me. Will need super clear step by step instructions. Incredibly appreciated!!
  8. Site URL: https://potato-sphere-g3k8.squarespace.com/config/design Hi! I have a row of horizontal images on my home page that are displaying HUGE and vertically on the mobile view. How do I keep these images small and horizontal in mobile view? Thanks so much!!
  9. Site URL: https://www.biconsboutique.com/ *FYI this is on an 18+ site, nothing explicit shown but we are sellers of adult products* i want to know how you can possibly mitigate the distortion to the background images in different blocks on mobile view. On my homepage I have blocks containing text, some containing links to social media etc. In desktop view the background image appears to maintain at constant size and appearance throughout all blocks. But when this is in mobile view, the background image distorts: on some blocks the pixel stars become really enlarged and on others they remain relatively consistent with the reduction in size of the content. I'm okay with coding and can apply this where necessary, but just can't find the resources online to suggest how to tackle this problem. Any help would be really appreciated.
  10. Site URL: https://www.designbyemily.co.uk Hi Is there any way of changing a stacked gallery view on desktop to be a slideshow on mobile? I'm trying to find a way to have a slideshow view on mobile so all the images aren't stacked and clients have to scroll down so far. Any other ideas to help with this are welcome. Thanks Emily www.designbyemily.co.uk
  11. Site URL: https://guytp.squarespace.com/ Hi all, I'm in need of some help with the mobile site of my website - https://guytp.squarespace.com/. I've just finished creating the desktop site but the website doesn't transfer well to the mobile site. 2 things I need help with: 1. The title 'Professional Freelance Writer' has a reduced line height on the desktop version (to create good spacing), however I need to raise the line height on the mobile site for it to look right (I believe this should be quite simple but coding is not my speciality). 2. The drawn images on the homepage of the paper, quill, and books are spaced unusually on the mobile site. I would either need to reduce the size of the images or edit the spacing of the images, any ideas? (I'm unsure how to do either of these without changing the desktop site). Your help would be much appreciated, as I'm so close to having this site finished! Thanks Guy
  12. I tried to reduce all the images of my website to the miminum in jpg. But in mobile version, it takes a lonkg time to download all the galleries. But then I tried with a differente website, with the same MB transfer size and it works perfectly. So, this make me thing that the problem is in the platform, not in the images sizes or quantity. Is it possible that Squarespace is offering a really bad server/hosting/etc?
  13. Site URL: http://http/www.marfawineco.com Hi @tuanphan I saw you solved a similar question to the one I have and was wondering if you could help me. I'm currently trying to have my website shop page (when viewed in mobile) be two or possibly three columns for betting viewing, instead of 1 stacked endless scroll of options (as seen in the image I linked). This video seems to have the right solution but I can't read her CSS she is typing : Hoping you can help! happy to answer any additional questions. Thanks!!
  14. Site URL: https://fong-yu.squarespace.com/ Hi the wonderful and capable forum gurus, I have a question about customising the Hawley template mobile version. I'm building my folio site using this template. I like the desktop version where the project thumbnails appear when the mouse hovers over the list. However this doesn't translate into the mobile site. I would like to try 2 solutions to make the mobile site look nicer: 1. Change the homepage display to "Grid" - either simple, or overlay 2. Reduce the link spacing by half, it looks too spread out at the moment Please help 🙏!
  15. Site URL: https://smilodon-ocelot-my5f.squarespace.com/store/lostamerica/wallframe Hi, How do I make this text smaller in mobile view only? passcode: trythis
  16. Site URL: https://www.gefahrgutakademie.at Hi, I'm having trouble figuring out why my mobile view has empty white space on it's right side and how to remove it. I changed some padding values for the header in the custom css and the shopping cart gets disabled when empty. somewhere after these changes my mobile view got messed up like it is now. I would greatly appreciate any help or hint how to resolve this. Thanks!
  17. Site URL: https://smilodon-ocelot-my5f.squarespace.com/store/lostamerica/picnicstands Hi, How do I make my product titles smaller in mobile view? passcode: trythis
  18. Site URL: https://smilodon-ocelot-my5f.squarespace.com/blog Hi, How do I make ALL of the text below smaller in MOBILE view and add more space between the date and the picture?... passcode: trythis
  19. Site URL: https://www.wordsalive.org/quaranteensprompts Hi, I'm having trouble getting my banners to load correctly on mobile view. On some devices, they get zoomed in and cropped incorrectly. I'd like them to be at full width, zoomed out so they look the same as they do on a desktop. I've temporarily removed the banners from pages and inserted them as an image blog instead. However, blog pages don't allow an image block for a header to there are still banners there. I'd like the banners to work site wide. https://www.wordsalive.org/quaranteensprompts Thanks for your help!
  20. Site URL: https://smilodon-ocelot-my5f.squarespace.com/contact Hi, How do I make "Get in touch" smaller in MOBILE view? passcode: trythis
  21. Site URL: https://smilodon-ocelot-my5f.squarespace.com/blog/all-about-photo-merit-award Hi, How do I make the date smaller in my individual blog pages in MOBILE view? passcode: trythis
  22. Site URL: https://smilodon-ocelot-my5f.squarespace.com/blog Hi, How do I make the text column wider in MOBILE VIEW? passcode: trythis
  23. Site URL: https://smilodon-ocelot-my5f.squarespace.com/blog Hi, How do I make this text smaller in MOBILE VIEW on my main blog feed? passcode: trythis
  24. Site URL: https://smilodon-ocelot-my5f.squarespace.com/blog/fapa-landscape-nominee-2020 Hi, How do I make the title text appear smaller in the mobile view only - in my blog page
  25. Site URL: https://www.mumfolk.com I'm having trouble formatting fonts on mobile. Couple of issues: 1. The fonts aren't displaying correctly when I view the site on my mobile phone (iphone 7) although they look differently when you look on mobile view on desktop 2. I would like to centrally align the text and buttons (standard buttons and buttons for forms) on mobile but it's not seeming to work I have 9 font styles in the CSS, not sure if that's causing a problem! Here is the code I have @media only screen and (max-width: 640px) { body {font-family: "aktiv grotesk", sans-serif; font-size: 14pt; line-height: 25px; text-align: centre !important!;} h1 {font-size: 35pt; line-height: 55px; text-align: centre;} h2 {font-family: "Bely", serif; font-size: 25pt; line-height: 38px;} h3 {font-family: 'aktiv grotesk', sans-serif; font-weight: 600; font-size: 12pt; line-height: 22px;} h4 {font-family: 'Bely Display', serif; font-weight: 700; font-size: 25px; letter-spacing: 0.03em; text-transform: none; line-height: 1.3em; color:(#E7B1F2); text-align: centre !important!;} h5 strong { font-family: 'Bely Display', serif; font-weight: 700; font-size: 20px; letter-spacing: 0.2em; text-transform: uppercase; line-height: 2.2em; color:(#000000); text-align: centre !important!;} h6 {font-family: 'aktiv grotesk', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; line-height: 2.5em; color:(#000000); text-align: centre;} h7 italic {font-size: 21pt; text-align: center !important!;} } Any suggestions would be very welcome! Thank you
×
×
  • Create New...