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. 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.
  2. 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!
  3. 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!
  4. 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?
  5. 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?
  6. 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?
  7. 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?
  8. 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?
  9. 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.
  10. 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
  11. 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!
  12. 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!
  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. 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?
  15. 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.
  16. 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!
  17. 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!
  18. 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
  19. Hello there, I'm attempting to reduce the size of a line of .pngs on my website so they appear in a 2x2 grid on mobile, rather than in a list of 4 large icons. I've attached screenshots of how they currently look on desktop vs mobile. My custom CSS is as follows: /* tablet screens Clock Icon */ @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1587377884083_34588 { width: 40%; } } /* tablet screens Clock Icon Text */ @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1587374368402_8877 { width: 40%; } } /* tablet screens OAP Icon */ @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1587377884083_43029 { width: 40%; } } /* tablet screens OAP Text */ @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1587377884083_187401 { width: 40%; } } /* tablet screens Truck Icon */ @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1587377884083_41600 { width: 40%; } } /* tablet screens Truck Text */ @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1587377884083_242625 { width: 40%; } } /* tablet screens BBQ Icon */ @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1587377884083_218809 { width: 40%; } } /* tablet screens BBQ Text */ @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1587377884083_29583 { width: 40%; } } /* tablet screens Loc Icon */ @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1587377884083_44470 { width: 40%; } } /* tablet screens Loc Text */ @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1587377884083_196714 { width: 40%; } } I've used a rule for each icon as well as it's description. It has worked in reducing the size of each icon, but they still appear below each other, rather than pushing up into a grid. If anyone can help me push these images into a grid (I'm happy to reduce the size further if needs be) I would be eternally grateful. P.s I realise I have 5 images in a row at the moment. I'll be removing one of these from the mobile site eventually so it shouldn't matter. Thanks everyone!
  20. Site URL: http://www.breatheportugal.com On my website (www.breatheportugal.com), I see an unusual configuration of the nav items on the top. Sometimes they are displayed horizontally (this is the right way), but lately, sometimes, they are stacked on top of each other. I attached two images with the situations described above. I know it does not necessarily has to do with the responsive design because I am seeing the website on a 13-inch full screen and it still shows them stacked. Thanks in advance!
  21. Site URL: http://melissamohammadi.com Hi! I'm previewing Wells (the live site is currently Avenue) and I'm trying to get the image description box that appears over the images in galleries to stay put underneath the navigation when on desktop. As of right now, it moves around depending on the size of the window/text size of the browser. Can someone help me write some coding to pin this box to the bottom left of the website on desktop? Thanks! Melissa Screen Recording 2020-04-15 at 03.37 PM.mov
  22. Using the Jasper template. Here is the code I'm using: @font-face { font-family: "Metropolis"; src: url(https://static1.squarespace.com/static/5d707e930fec5500014bea13/t/5d786e87913a06645e30fa5f/1568173704160/Metropolis-Medium.woff2), url(https://static1.squarespace.com/static/5d707e930fec5500014bea13/t/5d786e789da84f77dcfe024c/1568173688518/Metropolis-Medium.woff), url(https://static1.squarespace.com/static/5d707e930fec5500014bea13/t/5d786eaf9da84f77dcfe0813/1568173744007/Metropolis-Medium.otf);} header#header * { font-family: 'Metropolis' !important; font-size: 22px!important; } h1 { font-family: 'Metropolis' !important; font-size: 22px!important; }
  23. Site URL: http://melaniejane.design/ I want to convert my portfolio into a blog so I can utilise the categories and tag section but I really dislike the lack of customisation on my blog landing page. I want it to look and function exactly like my index page (hover overlay, responsive resizing, etc) but including tags with my titles. Can anyone help me with this? After a google deepdive I have some applied custom css on the landing page and am also trialling a separate summary block. Now the pages look similar but just aren't responding the same, especially on mobile. Can someone please help me? Index page: http://melaniejane.design/ Summary Block Test: http://www.melaniejane.design/sum Blog Landing Page Test: http://www.melaniejane.design/portfolio-1
  24. 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!
  25. 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.
×
×
  • Create New...