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

Search the Community

Showing results for tags 'mobile'.

More search options

  • 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
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 662 results

  1. Site URL: https://www.woogspark.com/ Hi all, With 7.1 the header for mobile tends to create hamburger menu on the left, logo in the center and the cart on the right. I'm hoping to move my logo on the far left and have the menu and cart on the right. Does anyone know maybe a custom css or any other method to pull this off? Thanks.
  2. Site URL: https://sparrow-minnow-h64a.squarespace.com/ When I go to mobile view to check my website is responsive, the two gallery index pages on my homepage don't show properly. The overlay text is cropped out and doesn't scale down to fit into the background. I'm using Brine template. Website: https://sparrow-minnow-h64a.squarespace.com/ Password: mirlo Mobile: Desktop:
  3. When using lightbox, i have a small dot in the bottom to show captions (within the image). however, it is too small and nobody can find it. is there a special css code to always show the caption when opened in lightbox?
  4. Site URL: https://www.nolenryan.com/ Does anyone know if there is a code to keep my mobile version popup advertisement the same as my desktop version as far as having the image included? When it shows up on mobile, it only displays at the bottom, using a text box and excludes the image.
  5. Site URL: https://www.gefahrgutakademie.at Hi, I'm pretty sure I messed up my mobile view when messing around with the css for my header but can't tell what exactly caused this problem. My site pretty much gets displayed as it should except for a white space to the right of the site, which you have to scroll, to even see. My cart gets disabled when empty and I have put in different padding values for the elements in the header overwriting all the premade breakpoints I could find, around the time I did this my mobile view started to look like this so I guess it's related. Another thing I noticed is my gallery controls (i.e.:/e-learning/begrenzte-menge) using the extra white space, but I'm sure I had the messed up mobile view even before implementing any gallery. I'd be grateful for any hints to what may have caused this, or a solution in generall.
  6. Site URL: https://www.kaizenmarketplace.com Hey guy, how would I edit the mobile menu so it functions differently. I'd prefer it to open out with a transparent background rather then going full screen with larger text. I have attached screen grabs of the current site (see the soft green colour) and I'm hoping to get something similar to the alldey.com mobile nav bar, also attached a screen grab! Thank you :)
  7. Site URL: https://www.kaschemme.ch Dear Forum, taget _blank on links work fine on desktop, but not on mobile. Is it maybe we have to add rel=”noopener noreferrer” but how is that possible? Do you have any other idea? Thanks alot for your help! Daniel
  8. Hello, Our banner artwork appears fine on our site when viewing on a computer screen, but the mobile view does not resize the banner and cuts off the bulk the image versus resizing for the mobil platform. Any tips on why this is happening, and how resolve it? We've found that the majority of site visitors use mobile, and don't want to reduce the impact of the image. Thanks in advance.
  9. Site URL: http://gregorylassale.com Hello, I am using a blend of HMTL, CSS and JS to add scrolldown arrows on certain pages of my site. Here is the CSS: .scroll a { position: absolute; bottom: 20px; left: 46.5%; z-index: 2; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: black; font : normal 400 20px/1 'montserrat', sans-serif; letter-spacing: .1em; text-decoration: none; transition: opacity .3s; } .scroll a:hover { opacity: .5; } #arrow a { padding-top: 70px; } #arrow a span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid black; border-bottom: 1px solid black; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb05 1.5s infinite; animation: sdb05 1.5s infinite; box-sizing: border-box; } @-webkit-keyframes sdb05 { 0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } @keyframes sdb05 { 0% { transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } I played with the left position a bit and it looks center on desktop, but it's a bit off to the right on mobile. Is there CSS property that allows to center elements across all platforms? I'd like it center relative to the rest of the content on the page. Thank you
  10. Site URL: https://www.grampiangraziers.co.uk I am having issues with the main image on my home page, when viewed on mobile you can just see the right hand cow's back end - not a great shot for visitors to the website! Is there anything I can do to adjust the image so that it reduces in size rather than just the view you get reduces OR change where the view resizes to so that it's a whole cow, or cow head rather than cow back end? Thanks, James
  11. Site URL: https://smilodon-ocelot-my5f.squarespace.com/store/lostamerica Hi, How do I make the product headings smaller in mobile view?
  12. Site URL: https://www.mymanagr.com/ Hello, I am working on a website in Squarespace 7.1 (www.mymanagr.com) (PW: mike123) and am looking for help regarding section two on the homepage with the gallery slideshow. The slideshow image on mobile and tablet has tons of extra space above and below it. I need the section height and width to remain large on web so the image is big, but need to change the height and width to small on mobile and tablet so there isn't so much space. Is this possible to do with custom code? Thanks in advance.
  13. Site URL: https://experimentalbitchpresents.com/the-company-new Hi all, Do we know when/if Squarespace will finally let us do mobile editing separately and independently of editing for desktop? I always have trouble with mobile because the layout of how it looks on desktop doesn't align in the way that it should on mobile. It would be AMAZING if we could have this feature like Wix does. For instance here's my current desktop page: https://experimentalbitchpresents.com/the-company-new# And on mobile it lines up the wrong names to the wrong images. Please note that the names are in code boxes because I have a lightbox-textbox that is appearing when clicking on their names. I'd like to have a funky desktop design like I have but it would be amazing to have the ability to line up the different text/codeboxes with the right images on mobile. If anyone has any other insights on how to solve this issue currently without changing the desktop layout please let me know.
  14. Site URL: https://andrewmarshallphotography.com/novus Hi, how can I reduce the space between the first element and my heading on this page (MOBILE ONLY) ? Here Thanks so much! Also if there was a way to remove the social icon from just that one page that would be awesome too but not necessary.
  15. Hi all. I'm a CSS newbie, but am starting to get the hang of it. Have made a few customizations that have worked thus far to both the standard and mobile site. I don't know if any of those customizations are overriding what I'm trying to do with the mobile menu font size, which is too big and I just want to bring it down a notch. Here is the code that I found that folks were saying worked (not working for me). I've tried adding the '!important;' tag after font-size as well and had no luck with that. And here is all the code I have already on my site, in case it's relevant. All of this code works properly: I'm still building the site so it's not public yet. Again, I just want to change the SIZE of the mobile menu font so it's slightly smaller. Thank you!
  16. does anyone know the coding of how i can have the title and description of my slideshow gallery block display on mobile? thanks.
  17. Site URL: https://www.huesofcomfort.com/ Hello there - I am having issues with my blog index page. It looks great on a PC but on mobile it looks out of place, it should be shifted down some. Any help is appreciated.
  18. Hi, How do I make the text appear smaller than this in mobile version only - desktop version is "small headings" and looks fine but this looks too big in mobile...
  19. Site URL: https://jimelliottvisuals.com so. i've got the text size just how i want it under the thumbnails in the portfolio on desktop view (i changed this specifically in the advanced text section), but for some reason this text is massive on mobile view. Is there a way to make the text smaller on mobile view without affecting the main page?
  20. Site URL: https://www.riisemcoaching.no So I made a pretty cool website for my startup business. Then I launched it for people to see. And then I realized it's not really that great in mobile view. BIG mistake of me, yes I know. So, I've tried to adjust some of the content but it's kind of half good now on both PC and mobile. I will also try making the text smaller. But is that really the case, that I actually have to change the text sixe on desktop mode to make it better on mobile view? I read somewhere that you can't customize mobile view on Squarespace 7.1. But I also saw some posts in here about adding custom code to make the mobile version better? What I specifically need to change, besides the huge text in mobile view, is how some photos are showing. When I add a wide picture to the website, it will just crop itself super weird on mobile view. Like, 2/3 of the picture gets lost and only the middle is showing. Also these collages are great on desktop but not so much on mobile view. Half of my photo is hidden by the text block. All the buttons gets weird, my beautiful blog banner gets weird.. Everything. looks. weird. Can anyone tell me how to fix this? I'm just a beginner at coding so I would appriciate a step-by-step explanation if adding customized code is the answer. I know "you're supposed to try and fail with coding", but I am on the clock here as my site has already been published. My business is also an exam case for my BA studies in entrepreneurship, alongside my other four subjects this semester, so I'm kind of pushed to the limit here with things to do. Please help me!
  21. Site URL: https://www.clearwellnessnutrition.com Hey there! Wondering if anyone would know how to center social icon links in mobile when they are left justified on desktop? site: www.clearwellnessnutrition.com passcode: wellness Section: Footer Template: Brine Thank you!
  22. Site URL: https://www.dfwmicropigmentation.com Hi ya'll, Is it possible to style only for mobile/iPhone? For example, I hav the following css for controlling padding on my home page, but I want to decrease the padding-top a little more for iPhone: div#home-page { padding-top:10px; padding-left:0px; padding-right:0px; } Do you use the same code again, but wrapped in a css for mobile? How is that done correctly? Thanks so much!
  23. Site URL: https://www.joeschlangen.com/draft/brian-w5fwj Hello! I want to add small icons next to text blocks that correspond with the content of the text block. This works fine when I am viewing on my desktop (see attached image "desktopissue_1.png"), but when I switch to mobile view, it stacks the images (see attached image "mobileissue_1.png) and looks a little silly. Is there any way to make it so that certain images like the one pictured in my attachments do not stack when switching to mobile view, and instead retain the formatting that I made in the desktop version? Any help would be much appreciated! Thanks in advance, Joe
  24. Site URL: https://pumpkin-harp-dd4x.squarespace.com/ Hi everyone, Just trying to figure our if there any way of making the Twitter block smaller on mobile? I have customised the bullet points for the site, but that means that the Twitter block now is too big for the mobile page. If not, is there a way to exclude the twitter block from the custom bullet points? Thank you in advance to anyone that could point me in the right direction! Password is oneadvisory
  25. Site URL: http://www.creativeszn.com/investment Anyone know how to create spacing between the three divs when I'm viewing it mobile? I tried the padding and margin properties but it just makes the boxes longer.
  • Create New...