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

Search the Community

Showing results for tags 'responsive'.

  • 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. I need help figuring out how to keep the summary block background on this page from being wider than the viewport. It took me forever how to figure out how to get the background to be full-width on desktop. It seems to all be shaping up except for the right side extended past the viewport on mobile devices. I would greatly appreciate any insight. Thank you!!!
  2. Site URL: http://kukuitakeaway.com/ Hello, I just published this web http://kukuitakeaway.com/ and the mobile version is not shown, and the option is activated. What happen? Thank you!
  3. Site URL: http://lomejorparati.squarespace.com Hi All, So I am working on business webpage and currently have this navigation bar that if you resize the window the font of the navigation bar is not scaling down. Everything is ok in my computer screen but when i try to see it from other screens or ipad the nav bar is maintaining the same font size making the text stucked underneath each other when the window width is changed. Hope you can help me with this, Thank you!!
  4. Site URL: https://www.or-never.com/ Hi there My image block on the home with overlay text is not displayed nice in mobile view. The text should be completely over the image or under. Now it is a mix, what does not look nice. I have no idea what css to use to fix this. Could anyone help me please? Thanks a lot*
  5. Site URL: https://bernardandhawkes.com/the-library Hey, I had removed a lot of the inbuilt padding on my desktop site with this code.... [data-section-id="xxxxxx"] > .content-wrapper { padding-bottom: 0 !important;} Which has worked really well, but the padding is still there on mobile and iPad, anyone know how do I make the css specific enough that it works on all devices? I thought it would translate across all screens as I hadn't specified just desktop! Thanks!
  6. Site URL: https://shoshinmatcha.com/select-your-matcha hello, when these two pics on my site https://shoshinmatcha.com/select-your-matcha go to mobile they take up the whole screen. how do I make them smaller and side by side like they look on an ipad or computer ??? please help?
  7. Site URL: https://onion-mustard-bs39.squarespace.com/cover My client wants this landing page for clients to land on before entering the site but it isn't responsive/mobile friendly. Am I able to make this image (the logo pressed paper) responsive somehow?
  8. I took the Impact Template and customized it slightly for my own, however the text in the "gallery" page section is not responsive - which is quite annoying especially when I didn't change a thing from the templated design originally given to me in squarespace. The problem: The full text area doesn't show up on mobile or tablet - it gets cut off The solution: I need the text in these sections to show up on tablet and mobile as it does on desktop. How can I make this happen? Any idea how to correct this?!?! It's so annoying.
  9. My desktop design is fine but when I change the device mode to mobile and tablet views, the text gets unreadable and stacked on top of each other at different parts of the screen. How do I solve this problem? Thanks so much!
  10. Site URL: https://kristelandnic.com/ I want to reduce the height of one of the background images on my site along with a carousel on mobile. Right now they take up too much space and the image cropping is a bit awkward. See image attachments for too see which sections need adjustments. @tuanphan you probably might know how to resolve this. Thanks in advance!!
  11. Is there a way to customize with CSS mobile breakpoint? I mean, customizing the pixels where it switch to mobile view. Thanks for the help 🙂
  12. Site URL: https://www.mike-scott.co.uk Hi, I'm creating a site on desktop and since it's a portfolio that's the main way it should be viewed, but if people do view it on mobile i'd rather it just reduced everything rather than be responsive in the way it currently works, i.e. cropping and moving things, but not resizing. I don't have an issue with the index page or the profile page and the way it adjusts for mobile, but If you click in to a project page for example https://www.mike-scott.co.uk/projects/studio-ageli you will see how, on smaller screens, it just crops into the images, so
  13. Site URL: https://www.ipsee.fr/ Hello Squarespace forum ! I am looking for a fix on th main title of every pages of my client. I entered a custom code for the for exemple for my first page i got : <p style="font-family:VIGA;font-size:80px;font-style:Bold;text-align:center !important;color:rgb(255, 106, 19, 0.9);"> executive search </p> on https://www.ipsee.fr/. But the problem is when you go in phone mode you have the text stacking on each other how can i change that ? Thank you for reading my problem have a nice day everyone !
  14. I have a disturbing problem. When using markdowns with the code: <div style="text-align:center"><span style="font-family:AVAYX; font-size:1.8em; color:black">**SOME OF OUR LATEST PROJECTS**</span> The font appear on my computer, but when I visit my site on my iphone the font in the markdown is changed to another.. looks like times new roman or something similar, but not the font that I'm using in the markdown.. What is wrong? Why isn't the markdown show the correct font in responsive view?
  15. Site URL: https://andreaengerphotography.com/ Hello, I have recently hired a designer to revamp my site. It looks like everything appears to align on her screens. She has a 15.6" laptop and a 22" monitor. I have a 13" laptop and a 27" Mac my screen the design isn't translating the properly. I have follow all the suggestions with the zoom at 100% and clear cache and it looks the same on my end. She chatted with support and she was told to "However, as mentioned, I'm confident this is simply the responsive design. It may be possible to adjust it with custom code. Please note that we're una
  16. Site URL: http://www.debraschifrin.com I can't figure this out... haven't changed anything since it launched, but it started showing tablet view on mobile all of a sudden. The template I'm using does not support disabling mobile styles. What's maddening is that it displays correctly in Device View in the desktop editor and in the Squarespace app on mobile, but will not display correctly in a mobile browser. Tested on 3 phones using Chrome. Any ideas? Help!
  17. Hi! Can anyone help we with adding more breakpoints for farious screensizes? tablet an mobile might be fine as it is, but for pc screen I definitly need at least one more step in beetween. can anyone help me please? thank you!
  18. hi there! is there a way to add more responsive steps than 'screen', 'tablet' and 'mobile'? for better understanding: on an imac the grid has 5 columns ->ok! on an tablet 3 ->ok! but in between there are no options and I would need less columns on a laptop compared to a large imac screen. ... anyone? Thanks!
  19. Hoping someone can help! I'm trying to add 3 lines of different weight to the header of my site. I'm using the new squarespace 7.1 I'd like them to appear on mobile view as well. Screen shot of what i'd like to achieve attached!
  20. Site URL: https://www.jacobcozens.com/studiomessages Hello, I am looking for some help regarding the width of my footer and page contents (e.g. Project pages, About me, Contact) on larger screens. As it stands if i load my website on a larger screen (attached images are loaded on a 21.5 inch imac) my footer and page contents don't scale to fit the width of my header. This isn't the case for the gallery on my homepage which scales just fine but the footer does not. Just looking for help regarding what custom CSS i could use to fix this? Website: www.jacobcozens.com Password: m
  21. I'm trying to find away to have any control over the way my background image on my home page is cropped in mobile mode. I would like to either choose how it crops, change the image for mobile style only, remove the image and just have colour, or disable mobile style however disabling mobile isn't possible on the Polaris template. My site is https://www.mallorychipmanandthemystics.com/ Any suggestions appreciated! 🙂
  22. Site URL: http://flowerwalldubai.squarespace.com Hello, Please could someone help me? I've entered the below custom CSS to stop the 'Welcome to' and 'Flowerwall Dubai' text from overlapping, this works fine on tablet and mobile view but has a large space in between on full screen? I'm not sure what to do now? 😥 @media screen and (max-width: 641px) { body { font-size: 11pt; line-height: 20px; text-align: center;} h1 {font-size: 30pt; padding: 10px; } h2 {font-size: 30pt; font-weight: 400; text-align: center;} h3 {font-size: 16pt} #block-2e9f5306c508fa38a436, #blo
  23. I have set up different background images to display on different pages and seemed to have it working, however now working from another computer, the background images on the Home page and Music page are not taking up the full screen. Also, on mobile the Home page is not displaying full screen either. This is the CSS I'm using for the background images on Desktop: #collection-5de6d28545f1a7075b7a2741 #canvas{ max-width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 11px !important; background: url(https://static1.squarespace.com/static/5cf
  24. Hi, I'm using the OM template to create a simple artist page. Most of the page is pretty much set except that on mobile screens the page is not displaying correctly.What I want is for the Nav bar to be underneath the logo, the logo itself to be top and center of the page and for the background images to fill full screen. However, I got this to work briefly but now the media CSS appears to not work. The url of the website is richiequake.com and the password to view it is Help123. UPDATE I have decided to place the logo on the upper left hand and the menu button on the uppe
  25. Hi there. I'm working on a bilingual text on a website. For this I created an English text style (h3) and a Spanish one (h4) with the same specifications as h3, except for a color change, and insert it on the page with a code block. h4 has been set to match the size of h3 on full width but for obvious reasons it won't resize on smaller screen sizes. Any idea how to solve this? Here's a link to the page. Thanks!
×
×
  • Create New...