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

Found 93 results

  1. 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!
  2. 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
  3. 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
  4. 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!
  5. Hi, I am building a site on 7.1 which has a portfolio area which holdis individual project case studies. Each project has a gallery slideshow (full width with bullet transitions). On desktop is works fine. On mobile the gallery has completely lost it's aspect ratio and is now portrait (extremely tall and thin) and therefore gives an awful crop. All other static images behave correctly. I have see other sites using the gallery and the aspect ratio is largely retained. If anyone has got a workaround or can help it would be appreciated?
  6. Can anyone help me find where to adjust the height of the "works" page list, especially on mobile? Right now it's too high and overlapping the header section. I'm using the Hawley template.
  7. Site URL: https://www.crossingtheline.online/ Site password: ctlonline Hi there, I'm hoping for some help with making my side-content responsive across desktop and laptop screens. The main page is a blog page on Wells. On the right hand side, the flashing plus icons reveal text on hover. But the text box runs off the page and is unreadable on smaller desktop views (laptop). The site is responsive for tablet and mobile, but is there a way I can add CSS to ensure the text boxes stay within the site margins when viewed on laptops or smaller desktop screens? I followed these YouTube instructions to set up the text reveal on hover. See screenshots below of how it cuts off. Any help would be much appreciated, thanks!
  8. Hi all, I'm looking for a way to integrate a responsive interactive map into my Moksha template. At this time I was only able to integrate it with an iframe. Please have a look at the map on this page. https://www.wantijhof.nl/woningaanbod On desktop it shows fine but please open the link on your mobile. You instantly notice this couldn't be more user UNfriendly. The map is build in Wordpress but I'm happy to use another tool/builder for the map, as long as it will be responsive on mobile. Hope to get some helpful responses! ;-) Thanks in advance guys!
  9. 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?
  10. Suddenly the mobile view is not acting responsive, but showing two columns (see picture). This has The error only appears when I choose the "Gallery" templet. All other pages looks correct. Any suggestions what I have done to make this happen?
  11. 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?
  12. 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?
  13. Site URL: https://www.yennycastro.com/ Hello, I am new to Squarespace and I have just built my portfolio site. I designed the index page with an alternating layout to display my case studies. It looks exactly as I want on desktop, the problem is the blocks are not stacking correctly on the mobile version. Well, the first and third case study are stacked correctly with the image first, text and button afterwards. The second case study called "Pan Am" shows up on mobile with the text, button and image last. I have tried moving the blocks around, joining the image to the text but then the button would move way down under the image, I tried moving the image to connect to the text and button blocks together but it doesn't. Does anyone have any idea on how I can possibly fix this?
  14. Site URL: https://therapiapura.com/faq Hi, I am new to Squarespace. I have created a FAQ for my site however want to have a list of FAQ then with an arrow or a button or something that when clicked the answer will drop down below. Could anyone advise on how this can be done. Thank you very much in advance.
  15. Site URL: https://chiton-tarpon-t78k.squarespace.com/ PASSWORD: socialspirits Hi there, I want to edit my site so that the header button "Schedule a Consultation" is still able to be seen on an iPad and mobile. I would like to remove the hamburger icon. I also do not need the other page links, "Home, About, Our Legacy, and Press" on the mobile/iPad screens. Can anyone provide me with the code so that the mobile and iPad headers only showcase the Logo and "Schedule a Consultation" button? Thanks! Kendall
  16. 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!
  17. Hi there, I am trying to edit the responsive behavior 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. Thank you for your help!
  18. 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!
  19. 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 !
  20. 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?
  21. Site URL: https://www.parkmate.co.nz/ Hi all. So basically I am trying to make all the image banners responsive when the window size changes. I would like to keep the image within the container but at the moment when resizing, the image extends out of the container.
  22. Site URL: https://grey-sapphire-9lfk.squarespace.com I thought this was going to be easier than it's turning out to be... On the desktop and tablet view - the banner image is a good height and the content fits well and works. However, on the mobile view, the banner is essentially the same height and therefore cuts a significant amount of the picture out. What I'm wanting is for the mobile view to respond and display at a height that is similar to the site in desktop view. Please see below for current desktop and mobile view and *desired* mobile view. @tuanphan Desktop view: Current Mobile view: *DESIRED* mobile view: Password for site: summary Thank you!
  23. 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!
  24. Site URL: https://lizard-haddock-snlx.squarespace.com Hi!When I look my web on iPad and I access to a section I can't browse in the movie's gallery, the arrows of the gallery are wrong. Also I noticed that in the preview of mobile I can access to the menu when I click in the homepage's image but when I check in my phone I only can access when I clicked in the button (PIANO | Distribución and PIANO | Producción).At the moment it's not public the website, the pass is doubtsforum.Thanks!
  25. Site URL: https://www.zooperfit.com/ Hi there, I would love to know if there's a way to set a minimum width for my design to switch over to stacked block view (mobile settings)? This is for a 7.1 site. And my issue is that I have side-by-side text blocks, with buttons that all align nicely -- until the window size is reduced to a certain point, at which it starts to get wonky and goes out of alignment. I'd love to be able to set a minimum width for the window (or for the individual blocks) where the view would convert over to the mobile view (stacked blocks). Thank you! Best, Carolyn
×
×
  • Create New...