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

Search the Community

Showing results for tags 'responsive'.



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 40 results

  1. 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!!
  2. 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*
  3. 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!
  4. 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!
  5. Site URL: https://barbari-herbal-spliffs.squarespace.com/ Hello, I am trying to change the order of my blocks in 7.1 and I know I can do the following to accomplish it: div#yui_3_17_2_1_1592592061173_386 { display: flex !important; flex-direction: column-reverse !important; } I do this in my inspector and it works. BUT I add it to my CSS, then go back to check to see if the code is coming through and its not working because the ID changes? Has anyone else experienced this before? Is it new with 7.1? It was "yui_3_17_2_1_1592591448498_393" at one point, then "yui_3_17_2_1_1592592061173_386", now "yui_3_17_2_1_1592592475201_397". If I refresh, then it changes again! Why is this happening and how can I get around this to target the elements I need to target? I am specifically trying to change the order of the text block that starts with "Find Your Muse" and the image next to it. https://barbari-herbal-spliffs.squarespace.com/ (pw: barbari) Any help is much appreciated!! Thank you in advance.
  6. Hi. I have embedded some forms on a website using the styled HTML code (from Infusionsoft keap). I've tried different CSS to target the forms and make them responsive on mobile devices but I can't find the right code. The input fields and button are hanging of the screen. An example of a form is on this page https://www.soulspacehealers.uk/. Can anyone help?
  7. 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?
  8. 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?
  9. Hello! So my site is https://earthlycraft.co/ It's almost there... but i cant work one thing out. How to change one of my banner hero images for mobile. It looks great on desktop however its too small on mobile, so i have another logo ready thats zoomed right in that i'd like to use for mobile only. I've added the file in design > custom css > manage custom files so i can use the link to the file I'm fairly familiar with media queries but i don't know the code to change the banner. When I inspect I get this code: .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img Therefore i'm going for something along the lines of: @media only screen and (max-width: 600px) {.sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img {background image: https://static1.squarespace.com/static/5d00032088447c0001487495/t/5dcdc90c40062f0cf29e9ddc/1573767446853/mobilelogo.png;}} Help would be much appreciated!! Cheers!!
  10. 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.
  11. Site URL: https://carillon-flower-3xhs.squarespace.com/ Hello. I need to modify the mobile stacking order of content in a 3-column image/text/spacer layout. Site password: XRdesign Jump or scroll to the "Process" section. For larger displays, the order of the content blocks is: ROW A: Image — spacer — Text ROW B: Text — spacer — Image ... rinse and repeat. On mobile they all need to follow one pattern: COLUMN: Image — spacer — Text I've done a search on this and there were a number of threads covering but they all kind of dead-end(ed). I honestly feel like a fix to this should have been baked into 7.0 since it's such a common UI pattern. Any help would be appreciated. And thank you! 🙏
  12. 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!
  13. 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!!
  14. 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 🙂
  15. 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 you lose a lot horizontally of course, but not vertically. All it would need is a way to constrain the proportions, either entirely or to a greater degree. I don't know if I'm describing this clearly, but one other way I was thinking of it is that, below lets say 1000px, for a project page, ideally it would resize each element to the width, and stack the elements like it currently does, whether image, text or space. So on a tall thin device like a mobile you'd see 3/4/5 images and text all at the same time. I'm not a coder, so if anyone can help or suggest ways to solve this problem please have a look. Any ideas? New to squarespace... thanks in advance! Mike
  16. 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 !
  17. 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?
  18. 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 unable to offer assistance or troubleshooting for code, due to their complex nature. Custom code modifications can cause unwanted results when interacting with our platform." i don't want to make this more complicated and add codding that I will be have to get someone involve in the future if I have to make any changes or changes here and there. There is anyway to adjust the design? The layout to fits better all screens? Anyone can take a look for me please? Thank you!
  19. 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!
  20. 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!
  21. 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!
  22. 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!
  23. 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: marley Any help would be great, Thank you.
  24. 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! 🙂
  25. 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, #block-yui_3_17_2_1_1579636239796_16990 { top: 100px; padding-top:40px; } #block-yui_3_17_2_1_1579640268463_14758 { top: 30px;} } @media screen and (min-width: 751px) { 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, #block-yui_3_17_2_1_1579636239796_16990 { top: 100px; padding-top:40px; } #block-2e9f5306c508fa38a436 { top: -30px;} #block-yui_3_17_2_1_1579640268463_14758 { top: -50px;} } .Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: center; }
×
×
  • Create New...