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

Search the Community

Showing results for tags 'responsive-design'.

More search options

  • 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

Found 110 results

  1. Site URL: https://plant22.co/ I am trying to design a Squarespace site for a client- they really like the look and functionality of https://plant22.co/ Would love to hear some opinions on whether you think it is possible to create a site like this in Squarespace.
  2. Site URL: https://www.studiolucephoto.com Can you please provide feedback on the site. https://www.studiolucephoto.com There are a couple of small issues we realize we are facing and are looking for help to redesign/change out. Any and all feedback would be greatly appreciated since this is our first attempt at designing a website let alone on Squarespace. Thank you
  3. Hello. I having issues because my Heading and Paragraph text does not dynamically resize when the parent container becomes smaller as the browser window size is reduced. I've been trying CSS methods I've been finding online, but it isn't helping. My text always stays the same size - so longer words are pushed to the next line as 1 or 2 letters. Wordwrap doesn't work because the word just becomes too small for the space and letters spill over. Are there any ideas or methods you might know about? Thank you!
  4. I'd like to replace the background header image with one that is designed to fit a vertical layout when site is viewed on mobile. Ideally text and icon sit above the person in the image, rather than to the side like they do for larger displays. site is https://icosahedron-rust-5y3f.squarespace.com/ password: 2020 The image below is the one I'd like to use for mobile. I can adjust image size/dimensions if needed. Any help greatly appreciated!
  5. Site URL: https://www.grannyfrannysbigredbus.com/ Hello - I wonder if anyone can help or whether this is even possible. I'd like to create a circular button (360) onto which I can put an image - and also a sound effect when it's pressed. I'm quite a novice to this - so far I've managed to create a pill-shaped button which is OK, but not ideal. Any thoughts very gratefully received. SoniaB
  6. Site URL: https://www.warriorofhealing.com/ Hope someone can help me out. Through google search console I keep getting warnings about mobile issues. Translated from Dutch: Text too small too read Clickable elements too close to eachother Content wider than screen The thing is, sometimes it mentions a specific page, but not now: no examples. If I check on my own phone (iOs) I don't encounter any usability issues. Maybe, depending on the title length, when you see the previous and next titles on certain blogs. So the question is, how do I solve these 3 issues? Can I even adjust the mobile design in 7.1? It seems it severely affects my ranking as well since my site dropped a few places. Website: https://www.warriorofhealing.com/ As you helped me out before with design issues @tuanphan maybe you can help? Any other help is of course welcome too. Thanks in advance.
  7. Hello I really need to know how to move the blue navigation button in my menu, to the top on mobile version. And is it also possible to remove the tlf number there, only on mobile version? Its an number-link. I need it on desktop tho.
  8. Site URL: https://clarinet-salamander-b4cz.squarespace.com/config/pages Hi guys, I am wondering is there a way to set two different font sizes one for mobile version and one for desktop? I tried with responsive font but I want the font to stay at the same size also when I make a smaller window, just for mobile version my font-size is to big so there is a break in the headerword here is the code I am currently working with: Does anyone has a hint? Would be really nice to get some help !:) <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box;} body { margin: 0; font-family: Arial, Helvetica, sans-serif; } .header { overflow: hidden; padding: 12px 10px; background-color:red; } .header a { float: left; color: white; text-align: center; padding: 12px; text-decoration: none; font-size: 18px; line-height: 17px; border-radius: 4px; } .header-right { float: right; } @media screen and (max-width: 500px) { .header a { float: none; display: block; text-align: left; font-size: 2em; } .header-right { float: none; } } </style> </head> <body> <div class="header"> <a href="#default" class="logo"> <span style="text-transform:uppercase;font-size:90px; font-family:Stempel Garamond LT Std ; position:relative; top:15px;"> Nonna </span> <span style="font-style: italic; font-family:Stempel Garamond LT Std; font-size:55px;position:relative; top:15px; left:-20px;">stories</a> <div class="header-right" style:"position:relative; left:-20px;"> <a class="active" href="#home" style="font-family:ITC Franklin Gothic Std ; text-transform:uppercase; position:relative; top:30px; font-size:20px;">Home</a> <a href="#contact" style="font-family:ITC Franklin Gothic Std ; text-transform:uppercase; position:relative; top:30px;">Contact</a> <a href="#about" style="font-family:ITC Franklin Gothic Std ; text-transform:uppercase; position:relative; top:30px;">About</a> </div> </div> </body> </html>
  9. Site URL: https://blissetts.com/colours Hi all, I wondered if anyone knew of a plug-in or CSS that might allow for visitors to preview their own text on our website? What I mean by this, is if it was at all possible for someone to preview text on a page by typing into that page (just using the one set font, it doesn't need to be more than that) Ideally what I wish to do is allow for people to type "John" (for istance), and that to appear overlaid in a gold colour on an image like those in the link below: https://blissetts.com/colours Does anyone know if there's an option anywhere to do so? Thank you! Robbie
  10. Hi, Is there a way to have my image above my copy on a tablet in the same way as mobile view? I'm using the Brine template. My website is https://www.jdglover.co.uk/home Thanks so much. Jennifer
  11. Site URL: http://geopaw.dog hey folks. with my last template i disabled the mobile site so that it would appear as a desktop on all devices but I have designed a new template for my site and it doesn't look great on mobile and I've learned that there is no toggle for disabling the mobile site. I understand that there is code that can remove this feature. Can anyone help out? Thanks in advance.
  12. Hi all, This has been driving me crazy for some time and wanted to see if I could get some advice on how to fix. My site is looking pretty solid, but on all pages it can be shifted left/right. I can't seem to find any reason why this would be happening. Any thoughts? Here is my site for reference: https://handandarrow.com/
  13. Site URL: https://www.cibusconsulting.com How can I rearrange block order and add spacing to the mobile version without affecting the desktop view? Thanks!
  14. Site URL: https://www.heatondigital.com I am building my website and the gif which is the background for my home page. The gif isn't responsive and it cuts off on mobile. I have tried everything I can think of and find. Is there a way to make it responsive or hide the desktop version on mobile and vice versa?
  15. Site URL: http://www.lesommelier.com Hello! This is my first time posting to this forum! If any of you have the time to check out my latest webdev, and give me some feedback, I would be forever greatful. www.lesommelier.com Some key points: - Went through some sticky situations trying to find ways to provide free shipping on cart total (used the free shipping by weight instead, and just added all product prices to their weights). - Alcohol is not support by Shopify's payment processing, so had to go with PayPal. If anyone reading this knows of other options for Canadian Alcohol retails, please let me know! Thanks!
  16. Site URL: https://www.amenazarband.com Hello! So I'm new to Squarespace and I'm struggling badly with the header image on my site's homepage. Not only does it not resize properly for mobile, but when viewed on different desktop computers sometimes it cuts the header image off halfway. I'm desperate and frustrated. What am I doing wrong?
  17. Site URL: https://www.dubnermoderne.ch/available-works-under-2000 PW:test https://www.dubnermoderne.ch/available-works-under-2000 Is there some way to have this one page and just this page either: -Display 2 columns in Mobile view or -Display the mobile view the same as in desktop view
  18. I am trying to fix the alignment of the logo on my site so that it stays centered on mobile. I have built so many Squarespace sites previously but this is my first using 7.1. I find it not user-friendly whatsoever. I think I have chosen it so that it's a centered header; yet any time I view it on not a large desktop window, it aligns to the left (on the larger desktop windows it does indeed center). Any help would be appreciated!
  19. Hi there, I am trying to disable the responsive mobile design of a specific page on my website. I have tried several custom css codes but nothing seems to work. I just want the icons you see here to stay the way they look when you visit the page using a phone or a smaller screen. I want the layout of the images to stay the same regardless of the screen size. Could anyone help me? Thank you so much!
  20. Site URL: https://www.libeluladesol.cl/matrimonio-camila-y-matias-2021 Hi everyone! First of all, sorry for my English! Now, the question... I'm making one page, I thougth it look ok on mobile devices, and it is, except on Iphones... This is how it should look: And this is how it looks from an Iphone: The word "Matías" is continuing down with a hyphen . I'm guessing it has to do with Safari? How can I solve it? I've tried with some something called viewport and others things I saw on internet, nothing really working... https://www.libeluladesol.cl/matrimonio-camila-y-matias-2021 Pass: Gabriel2020 Thanks!!!
  21. Site URL: https://www.bonnenouvelle.uk/shop Hello! Is there anyway of re-sizing product images on mobile so that they view with 2-3 columns as opposed to the single image stack that mobile defaults to? I've got desktop set up with 4 columns (image below) and it would be preferable to have 2-3 columns in mobile. Thank you!! https://www.bonnenouvelle.uk/shop
  22. Seeking creative and innovative designer to create dynamic graphics on our Squarespace site. There are a few existing graphics that we have in mind for starters, where we feel they could be more engaging if they were interactive and dynamic for website visitors. We would also be interested in using your creativity to implement other ideas you have for dynamic GIFs and other dynamic/ interactive graphics throughout the site. If you are interested, please email recruiting@alphabrook.com.
  23. Site URL: https://www.themkcreatives.com/about Hey guys! I just launched my site and I still have a few things that I can't get done. I tried several CSS I found on the forums trying to adapt them to my site , but can't get it right! I'd like my banners to be some sort of 16:9 when on mobile, rather than the whole 4:5 size as it takes almost the whole phone screen. This will have to be on all pages with banners except the homepage though. You can see an example on this page https://www.themkcreatives.com/about and all other pages like this one too https://www.themkcreatives.com/greece. Ideally, at the same time, the images would also need to scale with the container to show the content on mobile not cropped. Thank you guys!
  24. Hi all, A friend has designed my home page. See attached screen grab. I want the top of the image (next to the text) to line up with the first line, the bottom of the image to end at the bottom of last line. She says this is the case on her screen. But it isn't on mine. Why can't we get the same look on different computers? I understand responsive design, but these are on two laptops. Thanks
  25. Hello! I'm having an issue with my faq accordion page on my site. On initial page load, the accordion menu is open and then it closes. I just learned that 7.1 doesn't have the ajax loading options. I was wondering if there was a way to prevent the accordion menu from being open on page loads so the content is hidden? I would like for it to be closed until you click on the questions. site url: https://www.uniquelydolledwigs.com/ password: unique1234 @tuanphan
  • Create New...