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


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

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

  1. Anyone know how I can get my menu (hamburger icon) to no longer be above my logo, but instead have the logo on the left and the menu icon on the right (on the white background? (this is only for mobile, it's fine on desktop). thx!
  2. Site URL: http://greenwoodbuilders.com Hi. I need to reduce the font size on the mobile template so that "Greenwood" does not get hyphenated. Occurs twice on home page and once on "Our Process" page. Any help is greatly appreciated! Thank you!
  3. Site URL: https://www.jupiter10.com Hi, I’m trying to make the ‘related products’ displayed in 2 columns for mobile users. I’m currently using the code below to display the product page in 2 columns and it works perfectly, how can I tweak it in order to also make it apply to related products? Many thanks in advance. @media only screen and (max-width: 700px) { #productList .product { clear: none!important; margin-bottom: 2em; width: 48%; } #productList .product:nth-of-type(odd) { margin-right: 3%; clear: left; } .product img { max-width: 100%; max-height: 100%; } }
  4. Site URL: https://flower-rose-6xhs.squarespace.com/ Hi, I'm re-designing our website in the new 7.1 version of Squarespace. I just realized that the main navigation doesn't fully transfer on mobile. Super disappointing as I need our CTA button to show in mobile as most traffic comes from there. Is there any way to force that using css? Please help!!!!! We are still in trial mode so please see screenshots to know what I'm talking about. Thank you so so much!!!!
  5. Site URL: https://sprout-tuna-swnf.squarespace.com/ Halfway down my homepage there are 4 image cards, each with a title, displaying in two columns. However, when this switches to one column on mobile, the image takes up the full width of the screen and the title sits underneath it. How would I be able to have the title sit next to the image in the same column? This would look much tider. Like this: instead of how it actually looks on mobile: Any help would be much appreciated!
  6. Hi... I only have one page on my menu and would like to disable the hamburger menu on mobile. Can't find where 😞
  7. I'm using squarespace version 7.1 and all I want to do is disable the hamburger nav icon on mobile. None of the answers on I've seen on the forums work, and unfortunately my company won't let me share the url. Is there a simple way to do this?
  8. Hello, does anyone know if it's possible to keep a banner image the same proportions on mobile and desktop, so it doesn't crop to a vertical image? Instead using a single colour to pad out the top and bottom. This is an example of what I was looking for: https://wishfullystudios.com
  9. Site URL: https://www.rsfxx.com I applied some custom CSS to the WELLS template in order to add a custom background , on the desktop the background is fixed like we want it to be, on the mobile preview editor on the desktop its also fixed but on the iPhone/iPad It scrolls. Does anyone know how to get it fixed on mobile as well? Thanks Current code being used body {background: url(https://static1.squarespace.com/static/5b5d8216da02bc91831c95ab/t/5c3d904121c67cb9c5e0f5cb/1547538498155/Site+Background1.jpg) repeat center center fixed; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;} @media only screen and (max-width: 800px) { #mobileNav a, { font-size: 20px !important; color: #ffffff !important; line-height: 1em !important; text-align: left; margin-left: 15px; } #mobileNav { background-color: #000000; } } #mobileMenuLink a { color: white !important; font-size: 18px !important;}
  10. Site URL: https://ticket-channel.squarespace.com/ Hi there! I am using a banner image on my clients website. But on mobile it's cropping pretty badly. Is there a way for me to upload a different image size on mobile compared to the desktop size? thank you!
  11. I have used coding to achieve a hover over effect that changes the image to another image when hovered over, but for some reason none of the images display on the mobile version. and my coding knowledge isnt good enough to know if this is a coding error or just squarespace not allowing it. The code below is the one im using: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Image Swap on Hover with CSS</title> <style> .card { width: 350px; height: 170px; position: relative; display: inline-block; } .card .img-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; } .card:hover .img-top { display: inline; } </style> </head> <body> <a href="http://www.google.co.uk/"><div class="card"> <img src="https://static1.squarespace.com/static/5e2ec9142b320c36322b1291/t/5e3d336e0e665361c45a7957/1581069167346/mtss-0858R-f.jpg " alt="Card Back"> <img src="https://static1.squarespace.com/static/5e2ec9142b320c36322b1291/t/5e3d33629d7664785ea5a5ce/1581069154983/mtss-0858r.jpg" class="img-top" alt="Card Front"> </div></a> </body> </html>
  12. Site URL: https://scribelytribe.com I checked my website using the WAVE Web Aim Accessibility Tool and am getting errors for a few of the mobile features. These errors are showing up on every page of my site. First, the "Mobile-bar-search" has an "empty link" error. Second, the "Mobile-bar-menu" and "Mobile-overlay-close" are showing an error for "Empty Button". I'm concerned this will impact users' ability to navigate my site on the Desktop and Mobile version. Anyone know how to resolve these errors?
  13. Dear all, I' ve two questions. Currently designing a page (can't share the entire page, due of privacy at this moment). #1 Text I'm satisfied with the text alignment on a desktop view which is 'aligned left' However on a mobile view I want all text 'center aligned'. How to align all text on a page on mobile to 'center' in stead of identifying all the text blocks separately For a single text block i'm currently using the following code. media screen and (max-width:640px) { div#bloc-76fc688fe6c339c3b693 * { text-align: center !important; } div#block-76fc688fe6c339c3b6934 { padding-top: 10px !important; padding-bottom: 20px !important; padding-left: 30px !important; padding-right: 40px !important; } } #2 Images I can't figure it out how to align images block to the left or right. They are always centered on mobile. The text beneath on mobile is a separate text block, next to the image on the desktop. I've attached a sample. Small note: I'm completely a beginner with css or any coding (that's why iam using squarespace 🙂). But i manage to break down code a little bit. Is there anybody who can help me out? Kind regards, Sjoerd
  14. Site Title is coming up too big in the mobile version of my site. Any tips on how to adjust this would be greatly appreciated. alanalouisemay.com/blog Thanks!
  15. Hi all This is my first squarespace website and I've had a look through the forum but can't seem to find an answer to my issue. I'm using the Mojave template and love how it looks. However on mobile I'm finding some of the larger fonts are breaking words up onto multiple lines, which looks pretty messy. Is there a way I can reduce font sizes for the mobile version only? If not, has anyone got any other bright ideas!? Website is beckyh.co.uk Thank you!
  16. Site URL: http://konekretouch.com I've found a script that allows me to redirect the link on my logo to other pages instead of my cover page. However, it doesn't seem to happen when I access the mobile version. Does anyone know how to change the link on the mobile version logo? I'm using the York template. Thanks!
  17. Hello community, I am currently building a team page for a client and I am building the page using image blocks & text blocks. I am happy with the desktop design and now I need to refine the mobile version, which currently only displays one image per row. I would like two rows of images, with the relevant text for that picture sit beneath it. Here's desktop currently: Mobile view: I was wondering how I can have two images next to each other on mobile e.g Alex & Alexi, and there names sit below them. Any help appreciated - If you need access to my site, please let me know.
  18. My mobile display looks great, however, my logo image is very small compared to how it looks on the desktop view. How can I increase its size on mobile?
  19. Site URL: https://lanternfish-synthesizer-3eh7.squarespace.com/config/settings/site-visibility Hi, On my 7.1 website: https://lanternfish-synthesizer-3eh7.squarespace.com/chris-robertshaw (Password: concrete), I am having an issue where on mobile, my gallery (slideshow: reel) is cropping both sides of my images. This is at the bottom of the page in a key projects section, there is text on the images so I want these to still show. Does anyone know if there is a way to stop this cropping from happening and have the full width of each image? Desktop view: Mobile view:
  20. Hi there, I want to add two GetResponse forms to my website (A and B). For a serie of reasons, I need to display the FORM A on Desktop and the form B on Mobile view only. How can I do this? Form code looks like this <script type="text/javascript" src="https://app.getresponse.com/view_webform_v2.js?u=GQovZ&webforms_id=S0i7P"></script> thanks!
  21. Is there anyway to FORCE video to play in the background? I know it depends on the web browser and internet speed that's why it doesn't play on website, but I've checked other websites (I'm pretty sure aren't hosted by squarespace) and they are working perfectly fine on mobile with the same effect. Any way around this? @SQUARESPACE
  22. Does anyone know how to center mobile nav links in Brine? Thanks.
  23. Site URL: https://drcreative.squarespace.com I followed these exact directions for a boxed-in footer: https://thirtyeightvisuals.com/blog/boxed-footer-squarespace But the mobile code isn't working. This is the exact code I have in CSS editor: @media screen and (min-width: 640px) { .Footer-inner { display: flex; } .Footer-blocks--top, .Footer-middle, .Footer-blocks--bottom { flex: 1; display: flex; flex-direction: column; justify-content: center; border: 1px solid #ddd; padding: 20px; } } .Footer-inner { display: flex; } .Footer-blocks--top, .Footer-middle, .Footer-blocks--bottom { flex: 1; display: flex; flex-direction: column; justify-content: center; border: 1px solid #ddd; padding: 20px; } This is what it looks like on mobile view. Why????
  24. Site URL: https://www.andrewmarston.com/photo On this page is there a way to main the 2 and 3 column layout of the 7 images at the top of the page on mobile devices? Currently in portrait orientation on my smartphone the page switches to displaying the images full width. I've been wrestling with various media queries for awhile now but the Squarespace code always overrides me.
  25. when's the next webinar going to take place.....?
×
×
  • Create New...