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

Found 109 results

  1. Hello everyone. I need help on my website. I used a custom css profile to have the buttons with the same width but then when i go in responsive mode the buttons are colliding and don't stack on each other. Here is my website link : https://rhino-bullfrog-fc8l.squarespace.com/le-conseil Here is the css that i used to have them in the same size : sqs-block-button .sqs-block-button-element { width: 350px; } Thank you for the help !
  2. I have a section on my website where there are 4 infographic boxes/components. On desktop, they are shown in a 2 x 2 grid layout. I'm wondering if it is possible to show them in a horizontal carousel / scroll-through on mobile? Does anyone know if this is supported on Squarespace through custom coding? Thanks a lot!
  3. Hi there! i have a page that has two blocks side by side, left is a title and right side is a code block with a review carousel. the problem is when shrinking the window, the code block (review carousel) stays on the right for way too long and it squishes the content until it becomes unreadable instead of just stacking under the title sooner. is there any way to change this? thanks
  4. I am trying to find a bit a code that would allow my Mojave template to display one image in the header banner image space on desktop and a different image for mobile. @alxfyv (taggin you because Ive tried a few of your suggestions that have worked for others but not myself)
  5. Hello Community, I would like the height of the images on my homepage in desktop view to shrink (https://www.thecigarbible.com/en/home). The current height is perfect for my mobile view but too tall for anything above the mobile breakpoint. Currently I am using the following code to stretch the images on mobile.
  6. Hello Everyone, Kind of in a dilemma and in hurry to see if anyone can help me... Is there any coding out there that can stop the use of responsive sizing? To be as clear as possible, I have a Wells template and I'm tired of having the images rearrange every time I move from one display size to another. In other words, is there a way so that the entire site can retain its proportions (including gallery thumbnails)? Thank you so much in advance!!
  7. Want to assign h1,h2, h3 to blog feed on blog entries. all type classes for blog can be edited but no ability to control their responsive behaviour? would essentially need: blog list title font - h1 blog excerpt font - h3 blog read more link - h3 using lange template. https://www.designsuite.com.au/insight any info would be much appreciated!
  8. Hey guys, I have the following problem: My Slideshows looks great on desktop, but not as good on mobile, especially for portrait mode pictures. For landscape, it is fitting but the pictures in portrait mode are too small (high). I want them a bit bigger. Is there a possibility to do that? Please take a look on this homepage for instance (on mobile): www.tobiasholub.at Thanks for your help!Michi
  9. has anyone figured out how to have two different images in the header index image space so these 'responsive' templates actually work and look decent when viewing on different platforms. Hoping to have a landscape version of my header image viewed on desktop, and a portrait version for mobile and tablets. @Paul2009 you seem to be a wizard in this area ... any suggestions?
  10. Hi everyone, Ive been unable to get a set of 3 images that appear side by side on desktop to show up on mobile in one row instead of stacked. Link to the site: https://sawfish-decagon-67am.squarespace.com/liquid-mind-- the gradient circles in the top right of the page on desktop show up side by side and i'd like them to appear the same way on mobile under the header. I tried multiple ways, but left 2 of the latest attempts on the page: 1. Using an image gallery. Its set to 3 images per row, but showing up as 2 images in a row, then the third on the next row on mobile. Some instances of this page will have 2 circles and others will have 3, so I am not sure that the gallery will work? 2. Trying to link the images together using the guides and even lines in order to view them as a set, but its not translating to mobile. Thanks so much in advance for your help!
  11. I've added a vertical line to one of my pages in my Five template. However I would like to add css to have it not show up on any mobile or responsive design view. is this possible?
  12. Hi all, Following a previous answer to my question I was able to remove in large part some of the white space which appeared to the right of my website when opened on a desktop: www.antoinesimonfineart.comThough after trying on additional monitors; mac and pc I have noticed especially on the mac desktop that there is still a lot of white space to the right. I have tried increasing the site width (as previously suggested) to the maximum but even that will was not sufficient on a mac desktop. I wondered if there is a way to make the page responsive to each pc so that it centers the page? Is this specific to the template (Wells) I am using perhaps? Perhaps by using a different template where the sidebar is positioned on the top as opposed to the left this would help center the website on different screens? Thank you!
  13. Looking for the best template for my site zachmattheus.com as the video is currently not responsive Just want the single video to work across desktop and mobile and have the small amount of text + contact.
  14. Hi, My webpage www.antoinesimonfineart.com appears very differently on mac and windows. While the page is very responsive on mobile and mac, it shows a lot of white space to the right of the screen on windows. I have tried playing with the padding but this does not seem to work. Any thoughts? Thank you,Best, Antoine
  15. Hello, I am having trouble fine-tuning my responsive container-embedded Facebook Feed. I am using the Impact (Brine) template on Squarespace. Problem: I want to make the container/feed both wider and taller on desktop view, but let it shrink responsively for smaller screens, tablets, and mobile devices. So far I have not been able to quite figure out how to both make it larger where I want it AND make it smaller where I want it without funky hidden overflow problems. Can anyone point me in the right direction? Thanks!! Vanessa Here is the page in question: https://www.oldgrowthforest.com/latest-news. Here is the code block code I have on that page: 1 <center>2 <div id="fb-root"></div>3 <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3"></script>4 <div class="resp-container-fb">5 <div class="resp-facebook">6 7 8 <div class="fb-page" data-href="https://www.facebook.com/oldgrowthforestnetwork/" data-tabs="timeline" data-width="" data-height="1000" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/oldgrowthforestnetwork/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/oldgrowthforestnetwork/">Old Growth Forest Network</a></blockquote></div>9 </div>10 </div>11 </center> and here is the Custom CSS I have added regarding my container: 1 .resp-container-fb {2 position: relative;3 overflow: hidden;4 padding-top: 150%;5 }6 7 .resp-facebook {8 position: absolute;9 top: 0;10 left: 0;11 width: 100%;12 height: 100%;13 border: 0;14 15 } Sorry, I am also having trouble displaying this code properly!
  16. Hello, I need a bit of code so that the banner images on my pages are responsive proportionally. At the moment on the phone and I-Pad views, the banner image just crops rather than fits the whole image in. Can anyone help please! It would be much appreciated. Web address below: https://www.eattahini.co.uk/ Thanks
  17. Hello There, I currently added a feature, which is using link to trigger a lightbox image.I followed the incredible tutorials from "spacetutorials.com" as I know nothing about coding... The lightbox worked really well but only with a problem, the size is not responsive on mobile browser... Can anyone tell me how can I fix the problems? Here is the URL of my webpage as your reference:https://andychu.design/test Thank you very much and looking forward to hearing from any solutions. Cheers,Andy
  18. I know my template is outdated but is there anyway to resize the logo for mobile?
  19. Hi, I want to change the grid gallery padding at different @media queries/browser sizes, so when the browser and images shrink, so does the spacing between them. I scoured all the source files and can't figure out what controls that. Any suggestions would be most welcome. Thanks.
  20. Hey guys, I have an issue with making a responsive and mobile friendly website. Some images display too small and some images get too big and spill out on the edges. I am hoping to figure out some custom code to fix this issue since the images are a good size on the desktop version. Would really appreciate the help. The website in question is: beige.style Thanks so much in advance! @Paul2009 @justin1024@jasonbarone @eanderson @BrandonW
  21. Hi guys, i am working in Brine template. This is the URL: https://mauve-okra-yrme.squarespace.com/test-for-hero-module1. I am struggling really with this thing. I read a lot about it here and elsewhere but to no results: I managed to add CSS code to show certain sections on desktop but not on mobile. And vice versa. This works fine. On my page, there is an Index with TEST in the name. My trouble is the image I use for the "New-Page". I can't get it to show well in retina, and all other mobile devices... I tried max-width, height, 100% etc etc... I am lost.... It must be a simple short piece of code... I now added a 1500px wide image, ... don't worry about view on tablet for for ... I just need the full height to be shown.... also on retina... ThanksThomas
  22. It's the same size in all three versions, while the other elements scale down for mobile. I am using the Skye template. Thanks!
  23. Is there any other way to make the site responsive for both mobile and tablet without adding media queries. Square space claims to have responsive-design but it doesn't look proper in mobile and tablet view.
  24. My website: https://thrustinteractive.squarespace.com This sire looks good and has the appropriate white space on the sides of content on desktop, however when I look at the site in a mobile view elements are bunched together and the spacer blocks are lost. I am using the Brine template, is there any way to add code or have the spacer blocks that keep my site clean show up on mobile. It is keeping my website from being responsive and looking as good on mobile as it does on desktop. Thank you for your help!
  25. Does anyone know why my blog looks so odd on mobile? It is not responsive, and just crushes everything.
×
×
  • Create New...