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


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
  • Squarespace Forum Club Guidelines's Topics

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

  1. Site URL: https://aam-web-sample.squarespace.com/ When my site is viewed on a tablet the navigation overlaps with my social icons and button. Is there a way I can force my navigation to go to mobile/hamburger view when being viewed on tablets/ipads?
  2. Site URL: https://www.ronaldaartsen.com Hi, Wasn’t sure if I had to post this in Site Design or here, but I recently changed to 7.1 from 7.0. and took Merida as a starting point. Now I am really satisfied with the desktop view, and on my phone. But on my ipad it seems it does not show right the responsiveness with fonts. It breaks down the headings so one letter is broken off. Kind of bad hyphenation which may be solved with css, but if the headings would adjust size-wise it would solve the problem more easily. Is there any way I can accomplish this? Plus when I hold my ipad in vertical view, it shows the mobile menu, but still keeps two blocks next to eachother. Any help is much appreciated. Thanks!
  3. Hi all, I'm trying to disable mobile responsive design for only some blocks on my website. My website URL is: https://cheap-talk.com/ On mobile, the products on my home page stack and it's not the best UX for customers. I want these to stay in rows of two instead of stacking 1:1. Anyone know how to do this? Custom CSS?
  4. Site URL: https://envibottles.com Hi All, I have tried resizing my background images multiple different ways to have the background image appear correctly on mobile with no luck. The best I have got are in the images attached but the image is still cut off on the width & it also looks atrocious on desktop. I 2would really appreciate any assistance in having the images scale correctly. I'm using Brine template.
  5. Site URL: https://www.jeremiahwilderness.com Hi guys, My index page which I use as a homepage for my photography portfolio will not resize correctly on (most) mobile devices. I have linked screenshots to what it should look like (filename: pixel homepage right.png) and what it does look like (pixel homepage wrong.png) I have also included a screenshot of Chrome's devtools set to mobile. When it loads incorrectly, you need to scroll on the page or reload the page entirely for it to realize that it needs to resize. I have tried a lot of different things; I have resized the image by changing the aspect ratio, resolution, compression, to no avail. The mobile view on my SS editor looks fine but the DevTools (when switched to mobile and refreshing the page) doesn't. I can't figure this out. Any ideas??? I have submitted a ticket to SS help and haven't heard a response yet. I'm hoping someone has had this issue and found a resolution. Thanks.
  6. Site URL: https://dartsavvy.com Hi Everyone, Can anyone give me suggestions about my site colour scheme and design. Whether it is user friendly or not? Your advices and tips are most welcome.
  7. 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!
  8. Site URL: https://tulip-violin-g9e5.squarespace.com/core-values Hello, I'm trying to align an image horizontally. It looks great until the webpage resizes to fit various screen sizes. I'd like to center it in relation to the text on the left, but haven't been able to figure out the right code. See attached screenshots for reference. I've tried everything and can't get it -- help would be SO appreciated!
  9. I current have a Vimeo video added to a banner on my website (added via Page Settings > Media > Video URL). The video looks great on desktop, but on mobile the text is too wide for the mobile screen and so is chopped on each side. Therefore I would like to add some custom code so that on mobile view, a different version of the video that I have produced that is mobile friendly (the text is stacked up more so it can fit the mobile width). I am comfortable with media queries, but am struggling the URL override. I've done some digging around in the html and found this: <iframe id="vimeoplayer" src="XXXXvideoURLXXXXX" style="width: 2112px; height: 1188px; left: -96px; top: -157px;" class="background-video ready"></iframe> Which might be some use? Any help appreciated.
  10. I have 6 buttons that are horizontal to each other on desktop view and eventually move to a horizontal view when moving to tablet or mobile. The issue I am having is the buttons are overlapping each other in some responsive views and it looks tacky. How can I make sure the buttons don't overlap when changing to a responsive view? In addition, the buttons are not evenly spaced.
  11. 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!
  12. Site URL: https://alextheactualizer.com/ Hey guys, I'm having a strange issue with my text on mobile. Its wrapping to a new line and frankly it looks terrible. aside from shrinking the text, is there an HTML solution I could implement that would fix this?
  13. Site URL: https://sprout-tuna-swnf.squarespace.com/ Halfway down my homepage there are 4 image cards, each with a title, displaying in two columns. However, when this switches to one column on mobile, the image takes up the full width of the screen and the title sits underneath it. How would I be able to have the title sit next to the image in the same column? This would look much tider. Like this: instead of how it actually looks on mobile: Any help would be much appreciated!
  14. Hi, Is there some code that will make a 'code block' fill the full bleed of the screen on the homepage? The code block currently retrieves and displays two images (one on hover only) but the images don't spread full bleed as I can only manually drag the code block out to a certain width. I'd need a 'responsive' solution to perform properly across all devices (smartphone etc.). Any help would be much appreciated.
  15. Site URL: https://sprout-tuna-swnf.squarespace.com/ I have a blog summary block on my homepage that is split 50/50 with the text on the left and image on the right. When viewed on a tablet/mobile, I want the images to appear above the text, so they take up the full width of the screen. I've managed to get the text to fill the width of the block, but I can't work out how to do the same for the image. Here's what I've got so far: @media screen and (max-width:1200px) { .summary-content.sqs-gallery-meta-container { width: 100%!important; } } Please help!
  16. 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.
  17. I'm looking for some help in enabling multiple images loading on the homepage of my Mentor template website. Is this possible? If yes, can someone point me in the right direction to enable it? website: https://www.futuregenerationtrust.co.uk/
  18. Site URL: http://somyahastekar.com http://somyahastekar.com How can I stop autosizing of text block on higher resolutions? On this website, right next to the profile picture there is text block that gets really big on higher resolution. It pushes all the content below it. On mobile it works fine. Please help.
  19. Embedding it is simple enough. But that won’t work on smartphones or small devices quite well.
  20. Site URL: https://www.newvisionresearch.org Hi - I am trying to get a few banner pictures to resize as oppose to being cropped or zoom in the pages with banners. I am not a coder and my skills are fairly basic when it comes to css. Can anyone help me with this? If you go to the other pages under the about index you can see the same issue happening where some of the peoples faces get cut off. example attached. By the way - my image is 1500 pixels wide and about 500kb following the squarespace best practice for picture uploads
  21. I'm trying to edit one of my pages to have the banner image be the auto height. Essentially all of the banners are currently half screen in height. I'm looking for one page to have 33% banner height. Se pictures - one are at 100% and then the banner is at optimal height if zoomed out to 33%
  22. Hi, I am trying to get a small circle image to float between two Index sections. I copied some code I found on this site and it looks great (thanks https://schwartz-edmisten.com/blog/floating-banner-over-two-index-sections-in-squarespace), But it I don't know enough to tweak it on mobile and tablet. Is there a way to make this work on these platforms too? https://www.jdglover.co.uk/home Password: Bebacksoon Any insights great appreciated. Jennifer
  23. 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
  24. 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!
  25. Hi, I am using my logo as an image outside of the main header. However, I'd like it to be a bit smaller on mobile only. Is this possible with some kind of @media only screen and (max-width: 660px)? Thanks ever so. Jennifer
×
×
  • Create New...