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

Search the Community

Showing results for tags 'media queries'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

Found 9 results

  1. Site URL: https://www.centerpointfl.org OK, so I have three social media platform buttons in a gallery block. I have them displayed 3 across, and a small size. Looks great on desktop and tablet, but on mobile it changes the gallery to display 2 icons across, incread of 3. I have tried MULTIPLE solutions and I can't get anything to work. Please help! What I've tried: /*To set the amount of slides for phones*/ @media screen and (max-width: 640px) { .sqs-gallery-block-grid.slide.sqs-gallery-design-grid-slide { width: calc(100%/ This produced no change at all. Also:
  2. 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 li
  3. Site URL: https://tetra-ladybug-7fad.squarespace.com Hello, and thanks for any help. I want to override the CSS for logo size on mobile. I can usually use the CSS tool to overwrite but somehow it doesn't let me when it's specific to the logo image (for mobile). When I edit the CSS in Chrome developer tools, it works fine (max-height 80px instead of 30px). But when I apply that CSS to the squarespace CSS tool, it doesn't work. And it highlights "img" in red as if it doesn't like that. Any help is appreciated!
  4. Site URL: http://www.jmiliphoto.com I am currently using the Foster template under the brine family. I have tried a few different things trying to manipulate my banner image to appear as the whole image instead of just a small portion of it (see screenshot). What are my options to make this happen? jmiliphoto.com
  5. Site URL: https://bernardandhawkes.com/articles-home Hi, The copy on one of my pages has letters going onto two lines when it hits smaller desktop screen sizes and on iPad. You can see this here https://bernardandhawkes.com/articles-home (Recently Published, Staycations etc) I am wondering if I can put a media query to go to the mobile view when the viewport hits a certain size, as I would really like to keep the current layout out for larger desktop screens. Also very open to hearing if there is a better way to do this than a media query. Thanks so much!
  6. Site URL: https://thevisualpharmacy.com Hey Guys, I'm trying to find the media queries for my shop grid and my navigation bar. When I shrink my website the social icons in the nav bar dissapear, also my grid goes from being 3 across to just 1 to early. I've searched the code using the inspect element but I can't seem to figure out where it's being triggered. Can anyone lend a hand? I'm using the mark novo template.
  7. Hey peeps, So iv'e got my test site live for you guys to checkout, I don't have much of a need for the hamburger menu that comes in once it reaches the media query at 991px. Iv'e tries adding code to the head of the page from my setting to git rid of it and get my normal social icons back up, but i think i'm targeting the wrong thing with my css? i can't figre out the problem. when I want to change something I usually run "inspect element" and figure out what I need to target from their. thanks for the help you guys.
  8. Site URL: http://https%3Adivine.cymru Looking for help with CSS for Media Queries on viewing with tablets. I'm very happy with my site on both Mobile & Desktop. There's just some difficulty getting my sight to look good in between. Weather it's a desktop with a narrower window or a tablet viewing my page, my navigation and buttons in the header are all over the place. I'd like code to change how my button looks like in Tablet viewing. Both examples are below for comparison.
  9. 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, #blo
  • Create New...