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

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

  1. I have an image block on the home page of my website, a single image. It looks fine on the desktop version but on the mobile version there is a big white space above the image. This means that visitors will see the title, menu and social media icons, then a large white space, and then only half of the image is visible, have to scroll down to see whole of image. Can I add custom css to fix this? (My other images are in image galleries and don't have this problem.)Any help is much appreciated!
  2. Hi, I'm trying to reduce padding on blocks for mobile only. There's a standard 40px 60px; added to all blocks which I can seem to reduce with the following code, but there's other padding that still contributes to a lot of white space @media only screen and (max-width: 640px){ .Index-page-content { padding-bottom: 20px; padding-top: 20px; } } URL www.rejectsupply.com Test123
  3. I'm trying to add some custom code to alter the text of my site on mobile as there's no functionality to do this in the style editor, other than dynamic scaling which is unpredictable and inconsistent across blocks. I added the following to adjust my headings, which was straight forward but I'm struggling to target text within image blocks @media only screen and (max-width: 640px) { h2 {font-size:2em;} } Thanks
  4. Hi, how can I possibly add spacing after the image of the product (on mobie) so that title appears slightly lower? (screen attached) https://imgur.com/2Dk6wga website: https://marigold-onion-dm3a.squarespace.com
  5. Hi, How could I apply these changes (screen attached): https://imgur.com/1HUDe40 website: https://marigold-onion-dm3a.squarespace.com
  6. I like how my site looks on desktop, iPad Pro, and how it adapts to a mobile, but when I try it out with the tablet view some of my pages become a mess. In my case, this happens because Card Block Images automatically align the text bellow the picture instead of on the side due to the screen size, which works well for mobile but not on a tablet. I believe it would be easier just to disable Mobile Styles on tablets, rather than changing the size of each picture. ¿Do any of you guys know how to do that? I am open to any suggestions. I would really appreciate your help. :) My site is transpp.mx and the page I'm having the most trouble with is https://transpp.mx/transporte
  7. Hi y'all. I'm trying to create a mini-menu on one of my pages. Basically I have four text links next to each other on a textblock. I'd like to know how to keep them evenly spaced and prevent vertical stacking when viewed on tablet and mobile? Attached is a screenshot of the desktop view. It seems fairly simple, but I can't figure it out.
  8. If anyone could spare the time to have a look at my website to maybe give some pointers on how I can increase traffic to my site as making very little sales and wondered if everyone is simply paying for marketing or adwords? kind regards Gav
  9. Hi How can I decrease the padding on the footer? (screen is attached); https://ibb.co/Rp2YP99 url:https://marigold-onion-dm3a.squarespace.com/Password: Campcamp1 Regards
  10. Himy website is: https://ratcliffeandratcliffe.squarespace.com On my home page I have 3 texts / photos that alternate from left to right as you scroll down the page.Starting with Therapeutic Programs - Transformational Programs and then Events On a desktop this still looks good but on a mobile when you scroll on the middle section - Transformational Programs where the text is on the left and photo on the right on a mobile it puts the text before the photo and does not look right. Ive reached out to Squarespace and they suggested using an Image Block Card BUT even with the edits its still does not look like the Therapeutic section above and the Events section below. All of the 3 sections are on separate index pages. Can anyone help with a custom CSS or coding that for the Therapeutic section when viewed on a mobile would put the photo first and the text 2nd. Thank you in advance for any help to get this sorted.
  11. I find that the Henson template is not very functional or user-friendly on mobile. Is there a way to use a separate template altogether on mobile while continuing to use Henson on desktop and tablet? My biggest problem with Henson on mobile is the index links (which I do need to actually show up) and how they are displayed over featured images that automatically change ever seconds or two. The text is rendered unreadable and it's just a hassle to use my website in this way. I really like the mobile site for Wells.
  12. My video play button isn't centering on mobile view. Does anyone have any code to center it or to hide it on mobile? Here's the page: https://www.nomeansnoworldwide.org/home-kd And here is the current code:.sqs-video-wrapper .sqs-video-overlay .sqs-video-icon { background-color: #3a2b82 !important; background-image: url("http://i.imgur.com/3ZONco6.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; background-size: cover; text-align:center; margin:auto; padding:0; position: absolute; height: 46px; left: 43%; opacity: 1.0; top: 73%; width: 162px; }
  13. Hi, Is it possible to make cart and menu icons smaller on mobile? I have selected the weight of the icons but I would like to make them slightly smaller than they are. Thanks
  14. I have added featured product as the additional info for the product. The font size is slightly different to what I have on the main product page. How can I capitalise it and change the size of the title to 12? Also, would making the price bold for the the related items be possible? Regards
  15. Hi, folks - I'm building a site using a Brine child theme. I wanted to make my folder links in my topline nav link to pages (which should be easy to do!) and found that several folks had crafted solutions to this, so that's great! I went with the simple HTML workaround described here, and it's working great. However: I then noticed that on mobile, the folders I've added links to don't expand — they just go to the page I've linked to. (For example: say I have a folder called "Projects." I renamed that folder < a href="/projects" > Projects < /a > ...so that it now links to my "all projects" landing page. On desktop, a user could either mouse over "Projects" to see a list of projects, or click on "Projects" to go to that landing page. However, on mobile, the user can only tap "Projects," which takes you straight to the landing page, and doesn't allow you to see the list of projects that appear in the dropdown on desktop.) My question, then: is there a workaround to make a folder link on desktop but NOT on mobile? I know there are some Javascript-based solutions to the "add a link to your folder" issue (e.g. https://answers.squarespace.com/questions/23951/can-i-link-a-folder-to-a-specific-page.html). Since, well, I'm a complete Javascript noob: is there anything like a @media query for JS? i.e. could I modify that script to say, "if we're collapsed for mobile view, no link!" — or might there be any other ways to address this? Thanks, all!
  16. has anyone figured out how to have two different images in the header index image space so these 'responsive' templates actually work and look decent when viewing on different platforms. Hoping to have a landscape version of my header image viewed on desktop, and a portrait version for mobile and tablets. @Paul2009 you seem to be a wizard in this area ... any suggestions?
  17. Hello, I am creating a website for a business networking organisation. I want to put all their members names on the website under their industry categories and then add a search option to the 'members' page to make finding them easy. Could anyone please describe the process to me on how to make this possible? I am having trouble understanding how to make this work. At the moment I have created a blog post for each category (eg: IT services) and added each member who works in IT services to that blog post. I have added a category called 'IT services' to that blog post. When I added the search bar however, and typed in for example, 'Don Wilks' (see screenshot), it would take me to the blog post he was listed on but not take me to HIS name. Is it possible to add tags to text within blog posts so using the search bar is more useful?
  18. The following issues were found on your site: Text too small to read I'm certain it is referring to the default caption font located under the image within the image blocks. How can I make them larger on the mobile version of the site? I am using the Margot template.
  19. I'm working with Jasper template and using site logo as .png image. How can I hide site logo or place different logo image in Mobile menu only?
  20. Hi Is there away to increase the limit of the number of items in a shopping cart to above 500 that the limit is currently set to? Thanks.
  21. Hi community, I'm using the Burke Template from the Brine family and have a fullscreen video background on my landing page. It works on computers and it used to work on mobile phones as well. Today I changed two small things in the site-stlye: 1. I changed the color of the mobile bar, 2. I activated ajax loading. After these changes were saved, I reloaded the mobile page and the video background was gone. I suspected ajax loading to be the reason so I deactivated it again, but the video background still doesn't show anymore. Any hints on this? Thanks, Leander
  22. Dear Squarespacers, I am working on a site which is not online yet - tried to add several css codes I could find all over google but unfortunately none of them worked. Could anyone help me out with this? Greatly apprecitated,Simona
  23. Hi, I need some suggestions here. I have been working on this website https://cestarhighschool.com/ for the last few days. I just did a page speed test and the loading speed is very low on mobile devices. So I have decided to work on AMP to make the pages load faster. Does that solve the issue? Is there anything else I can do to increase the loading speed on mobile? Thanks in advance.
  24. Hello!I'm creating a website using the Pacific Template. All anchor links from the main navigation work perfectly on desktop, but on tablets they don't scroll but just jump to the correspondent section. I solved the problem on phones where I use the hamburger menu with the following code (by @Manmeet ) , but on Ipad, where I still use the main navigation menu nothing happens. $(function() { $('a[href*="#"]:not([href="#"])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top }, 1000); return false; } } }); }); Does anybody knows how to solve the problem?Thank you!
  25. Hi, Description under gallery images is not visible on mobile, but is fine on web. Se example at: http://www.ragnhildsovik.com/prints/2018/11/10/april-iv Increasing the padding between the stacked images on mobile does not seem to help. I've used this custom css: .collection-type-gallery.full-view #topNav { display: block;}.collection-type-gallery #slideshowWrapper .image-description { display:block; color:black; background-color:#fff; text-align:center; position: absolute; bottom: -14px; opacity: 1.0; padding-top: 10px; height: 50px; } Triedto ad this fix from the forum, but does not help:@media only screen and (max-width: 480px) { .sqs-gallery-block-slideshow .meta { display: block !important } }
×
×
  • Create New...