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

Search the Community

Showing results for tags 'width'.



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

  1. I'm looking for a way to remove spacer blocks for a certain minimum screen size (for phones, ipads, small 13" laptops). Currently, the spacer width I have for a 27" screen stays the same for an ipad screen and it looks... messy. I'm left with a long vertical sliver of text at the center of the screen with huge margins on the side I know squarespace automatically removes spacer blocks that are next to other blocks when viewed on mobile. But this doesn't happen for ipads and small laptops. Even better would be a way to set the padding width directly (xxpx)
  2. Site URL: https://pdplondon.com On the blog pieces I have uploaded to the website I have built, I have entered a set of spacers on either width of my content to centralise my content on the blog posts. The title I choose each time however is not on the editable part of the page and each time this expands the widths I would like it to. Is there a way or code to restrict the blog titles to a smaller maximum width each time. The picture I have attached explains how the title expands the region I want it to. For reference the link to this blog piece is: https://pdplondon.com/blog/live-next-door-to-buckingham-palace Thanks! Connor
  3. Site URL: https://www.sarahduvivier.com I currently have a hamburger menu on my desktop site but was wondering if instead of taking up the full page I was wondering if there is a custom css code to achieve something like this when you click on the Hamburger button. I want the menu to only take up some of the screen, not being the full screen if that makes sense. My site is https://www.sarahduvivier.com Thanks for the help.
  4. Site URL: https://www.goodcopybadart.com/work Hi, I have a question regarding the width of my index vs. the width of my header/footer. On my site they are different in width. My aim is to add both a header and a footer that are similar in width with the index, so that they would look like a single comic book page. The "full width index" option is ticked off under "design -> index styles" because the full width index simply looks too wide. Is this what is causing the problem? Is there a way to override it without allowing the full width index? Thanks
  5. I'd like to increase the content width for navigation on my site so that it doesn't wrap into another row as the screen size gets smaller. Image attached, any help would be much appreciated! The other objects in the header are at the right width but for some reason the navigation gets cut short. Using 7.1.
  6. Site URL: https://www.inkblotastrology.com/ Hello! My 7.1 website is just one page (the home page) so I hid the mobile hamburger menu using some code. But the issue now is I think the hamburger is still technically there taking up space or something because the header is too wide for mobile now; the whole site doesn't stay centered because the header width is too long with my logo at the size it's at with the hidden hamburger menu. I attached a video to show what I mean. This wouldn't be an issue if Squarespace allowed us to remove the mobile menu, but they don't yet, so it's gonna have to be code. Is there some kind of code that can help my mobile site stay put/centered without scrolling to the right? P.S. I tried finding code to make the hamburger smaller, but none of the code I found worked, or at least it didn't fix this specific problem. Website is inkblotastrology.com Thank you! RPReplay_Final1600279587.mov
  7. Site URL: http://mckarchitects2.squarespace.com Hi there, When I go to add a Gallery (Slideshow) to my home page and I click 'Large' height with 'Full' bleed, the photos get squished down until you can hardly see them. Ideally I would like to have the images width match the site header width, not fully bleed out the sides of the pages. Is there a way I can increase the height of the Gallery so that it goes above 100 (the current max)? See images attached for references. Thank you! Montana
  8. Site URL: https://www.studioqdesigns.ca/ Hi! I am using the Portfolio page layout for my website, and I have the entire site with a Medium width for each section. However, I can't seem to find the place to make the portfolio grid have the medium sized margins instead of large. Any help is appreciated! The image attached shows how the grid is a large width instead of medium.
  9. Site URL: https://www.evokeengage.com/blog/what-to-post-on-social-media-during-covid-19 I'd like to constrain the width of my blog posts to the same width as the images at the top of each post. Here's an example: https://www.evokeengage.com/blog/what-to-post-on-social-media-during-covid-19 Ideally, the copy would be constrained at the sides - the same width as the image. What CSS do I need for this? I've tried every option that was posted to this forum in the recent past that seems related, but none seem to work in my case. Thank you!!
  10. Hi guys Do any of you have a custom CSS code for changing the width of the spacer-block so that it can go to 0? I was able to change the height, but haven't cracked the width yet. Cheers,
  11. Site URL: https://matey.app Hi, I've applied some code to have image cards appear smaller in mobile view. Is there a way I can exclude image poster blocks from being altered? Currently, my image poster block appears crushed on mobile. Any idea how to have it appear with the same margins as the other elements on the site in mobile view? I've attached a screenshot below. Thanks!
  12. Site URL: https://matey.app/features Hi, does anyone know how to expand the banner image area to span the full screen width? I'd preferably want to expand the area and change the color to black so that the image doesn't need to be scaled larger to reach the screen edges. Here's a screenshot. Thanks!
  13. Site URL: https://matey.app Hi, I'm trying to figure out how to make my iPhone pictures smaller on mobile so they aren't full-width. I want them to appear smaller like the Apple website example attached. I don't want to change the padding of the underlying text, just the iPhone. Does anyone know how to do this? My site is on Squarespace 7.1. Thanks!
  14. Site URL: https://matey.app Hi, I'm trying to expand the dark gray footer background to span the whole viewport width, while maintaining the max content width of 1500px. Does anyone know how to do this? Thanks!
  15. Site URL: https://bricktechstudios.com Hi, does anyone know how to adjust my site's max header width to match the content max width? I applied a max page width of 1324px and the margin is set to 4vw. I notice that on larger screens, the header is full width, while the content is respecting the max width. My site is on version 7.1 and I've attached a screenshot below. Thanks!
  16. Site URL: https://conch-armadillo-kf4s.squarespace.com/ Hi, Is there a way to reduce the width of the mobile menu overlay that slides in from the right side. I only want it to be about 50% of the screen. Site URL: https://conch-armadillo-kf4s.squarespace.com/ Thanks in advance.
  17. Hello, I have been having a problem with the mobile version of Tremont. I notice that there is a ton of white space to the right side of the content and cannot get rid of it. I have looked through other posts and cannot find code to fix my problem. Image related, red circle to clarify. I am also having issues with items like "Systems" in the image below getting moved to the center of the page, meaning that on my Android phone i have to zoom out to see all the white space and the text. Please advise. Thank you.
  18. Site URL: https://www.ninebyjanellethon.com/ Hello. I have a full width gallery slideshow in my home page, but I want the images to always run in horizontal. When in Mobile View, the slideshow width adjusts automatically (which I know is part of the responsive design), but then the images are cropped in a vertical format. I would like for these images to appear as horizontal as possible, because the images have a very wide view and would like to showcase that. (I attached both desktop and mobile view of my website)
  19. Site URL: https://retronaut.com/home-index Hi there folks - I have used Brine Sonora for this site. I have added a fixed header plugin to the code injection, and a sidebar. I want to use constrained width so that index banner images do not pixellate on large monitors. However, when I do this, the header expands beyond the width of the site and window (see attached images). The issue is only visible on 'large' monitors, which show the whole site is constrained, except for the header. You can see in the attached grab that the header has expanded beyond the window, cutting off the top right social icons. I could switch to full background - but then the padding of the sidebar vanishes, which is another kind of problem. If anyone can help me, I will owe them big time... Wolfgang
  20. Hi have tried looking to see if there is a code already mentioned that i can use but can't see a response to help with my query. I am on version 7.1 and have set up a grid-masonry galley with landscape and portrait format images with inset width. I would like to reduce the width further but cannot find a way to do that. I am also having problems with the portrait format images appearing very large vertically with the whole image being higher than the screen size. This means only 2/3rds of the portrait image is visible at one time and you need to scroll down to see the bottom 1/3rd of the image (see attached photo of example). The html code for one of the portrait images from inspect is as below: <img data-src="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg" data-image="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg" data-image-dimensions="1667x2500" data-image-focal-point="0.5,0.5" alt="Elmina Castle, Elmina" data-load="false" style="width: 502px; height: 752px; object-position: 50% 50%; object-fit: cover;" data-parent-ratio="0.7" class="" data-image-resolution="2500w" src="https://static1.squarespace.com/static/5df7b9c2c15c2c1fc90f169e/5e0641c31aa65222ba975ea6/5e064206e2b52a3155f25a0b/1577574232104/okyiva_120101_5586.jpg?format=2500w" id="yui_3_17_2_1_1577661569410_1336"> Any suggestions on how i can control both the width (of landscape photos) and height of the portrait images? thanks in advance
  21. I'm using a brine template. I want to have banner images on each page, but I would like the images to always display full width. Another way to say this is that I would not like the images to become cropped horizontally if the window is scaled. ideally I'd like to retain parallax, but this is not necessary. I have toyed with making the pages indexes, and putting a 1-image gallery at the top of each one, but the images are not all the same height so I run into other scaling issues when I try to do this. If I were to go the gallery route, I would like to find a way to control the gallery spacing and aspect ratio parameters per page. Currently these controls are site wide.
  22. Site URL: http://www.katewoodcock.co.uk Hi, can anyone help me with some custom CSS to increase the width of the drop-down (folder) in the main nav of my clients site? Any advice hugely appreciated. Jez
  23. I'm trying to add custom css that will make my posts on my portfolio page alternate widths. I want to have a grid that has 2 projects and then 1 beneath and 2 again after for example.
  24. Site URL: https://seynova.com Hey guys! Trust everyone is well and keeping safe. I wanted to ask whether your site's width (as seen below) is the maximum width you should adjust your images for? When initially optimizing images on my site, I resized the banner images to 1500px according to SS help guides etc as they listed it as the 'maximum width' SS will stretch the image to. Should it in fact be 1200px?
  25. Site URL: https://www.r2rdigital.co.uk Hello 🙂 I'm currently a bit baffled... I've created a Privacy Policy and as you scroll down the page, the content width seems to be getting smaller both on Desktop and Mobile. Could this be something to do with CSS? I don't think I've ever specified or added code that would have this effect... Any advice would be greatly appreciated and the page in question is: https://r2rdigital.co.uk/privacy-policy Thank you in advance, Thomas
×
×
  • Create New...