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

Search the Community

Showing results for tags 'mobile'.

  • 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

  1. Hi. I just added a html block to my website. It looks perfect on desktop. But, I don't know how to get it to display correctly on mobile. Anybody have an idea? Here's the css code. Thanks! // Rotating Word 1 // .rotating-words-1 span:nth-child(2) { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s; color: #4FEAAB; } // Rotating Word 2 // .rotating-words-1 span:nth-child(3) { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-anima
  2. Hi. I'm attempting to change the opacity of my banners on mobile as the parallax is falling too far behind the text and making it difficult to read. Can anyone advise a CSS injection that would change the banner opacity on mobile only so that the banner is more faint? Many thanks in advance,
  3. Fellow Forum members, could you please help? On the homepage of this site https://www.amacmotorcycles.com/ I am trying to force the Index Gallery slide meta description to show on mobile. At present, only the slide meta content title displays. scroll down to: yui_3_17_2_1_15739990627838_448 my css attempt: @media (max-width : 640px) { .collection-type-index.design-slideshow .index-gallery .slide-meta .description { display: show; } } I tried adding !important; --no effect. Even if I enable the meta toggle in Site Styles, the description text does
  4. Hi, can anyone help me with displaying the tagline on the mobile version of my site please? www.vibeyogaandpilates.co.uk P/W mysite100 Thanks in advance Mike
  5. My site has a weird spring behavior on mobile. Rather than fixed horizontally, it can be pushed left or right and then bounces back. Very annoying. Can someone tell me how to eliminate this. I am using the Bedford (Hayden) template http:www.growthleadersgroup.com Thanks.
  6. On a desktop (PC/Mac) my gallery's load completely fine and fast (images are 50-100kb on average) but for some reason if I load a gallery page on a mobile device (Android phone, iPad, etc) the galleries thumbnails are either slow to load images or fail and show the image file name. The images will generally load if I refresh the page but that is a bad user experience. Any thoughts as to what I can do? Link to page: https://www.aprilrainsphotography.com/paris-france
  7. Hi- I am trying to use an all together different image for my homepage banner image on my Aria site. www.aniwa.co The desktop image is horizontal based, so for mobile it cuts off and regardless of the coding it will be cut off too much. I have a vertical version of the homepage image that I want to display on mobile. Anyone have a CSS code for a all together different banner image on desktop v mobile? Thanks! Danielle
  8. I am trying to find a bit a code that would allow my Mojave template to display one image in the header banner image space on desktop and a different image for mobile. @alxfyv (taggin you because Ive tried a few of your suggestions that have worked for others but not myself)
  9. hello i have an image that is centered on my page in desktop and tablet view, but in mobile view it gets pushed off center to the right. i have no idea how to fix this. any suggestions?IMAGES ARE OF DESKTOP VIEW AND MOBILE VIEW. i need the laptop to be centered.
  10. So right now I have a site that in desktop view it looks good for the hero image/text but when going into mobile view the text color doesn't stand out from the portion of the hero image that fits into the mobile portion. I was just wondering if there is a way to change the text color of mobile view?
  11. Hello guys Like many websites, mine has skyscraper ads of which are ideally designed for viewing on a full screen browser but do not work well for mobile use. I have seen code that would allow single images to be responsive in that a skyscraper (160x600) can be replaced by a square (250x250) advertisement when the browser window reaches a certain minimum/maximum width. Is there such a code that can be done with galleries on Squarespace? For example - I want to have a slideshow gallery of rotating skyscraper ads display on browser screens over 750 px wide. Where anything narrower, I w
  12. The padding between all the images on my homepage, in Mobile view, is adding a great deal of padding between each banner. In desktop view, it looks ok. Could someone please provide me with a CSS code that will shrink this padding in half, for the spacing between all the image blocks? Thanks so much!
  13. Hello all, I would like to change the default menu icon + interaction to the one I found on this code-pen page: https://codepen.io/yousafkhan/pen/XWWJQyp I'm using the Sofia template. Does anyone know how I'd be able to do this?
  14. Hello! I love the theme and how everything is done - the only thing I would like to change is that when my website is viewed on mobile the hamburger icon/3 dots/search are in the footer the bottom rather than being on top? Is there a way to change that? My website is www.wabi-sabii.com Many Thanks!
  15. Hello, I'm looking for a way to create a footer that has two columns on tablet and mobile view like this: and then two separate rows that are on the same line on desktop view: Any help would be greatly appreciated. Thanks!!!
  16. In mobile display there is always a white space across the top of the page which I would like to go away, so as to display full-bleed of images as similar to desktop display. If I view the CSS code with inspector, I see that there is a 'padding-top; 55px' associated with the site container described under Mobile Style. For the life of me I can't figure out how to over-ride this with custom code. Any suggestions? ---------------------------------------------------- /*Mobile Padding At Header Be-Gone*/ .site-container { padding-top: 0px; } ----------------------------
  17. i'm trying to build my own website but i would like to edit my mobile version of it. so i wish to have the menu and the logo on top of my image banner on the top. i provide examples
  18. My site's mobile navigation UI has an extra button, which looks like three dots (...) and has no apparent function. When you tap it, it turns into an X, and it turns back again when you tap it again. Presumably it's supposed to pull something up, but whatever its purpose, it isn't doing anything, and I don't really need it to do anything. Checking my style settings on squarespace didn't provide any answers. Help! (If you need more info, my site can be found at storybriar.com, and I'm using the template "Ready", from the "Skye" family of templates.)
  19. Hi, what's the CSS code to align all header and body text to align left for mobile, but remain centred for desktop? Thanks!
  20. My website, storybriar.com, has a homepage made up of four images: my name and three navigation buttons. Each navigation button is an image you can click on to get to a different part in my site. However, when you view the site on mobile, it takes all my images and stacks them vertically, forcing the viewer to scroll through my primary navigation with each "button" completely filling the screen. It looks like the problem is that my website is switching to a "mobile style" that stacks all the content vertically. I want my site to appear exactly the same on mobile as it does on the desktop,
  21. I successfully used the code from this post (Thanks @Paul2009) to invert the color of my logo in my blog posts: https://answers.squarespace.com/questions/200238/marta-change-color-of-logo-on-blog-posts-only.html However, it didn't invert the logo for blog posts on mobile, so now my mobile blog posts still have a white logo on a white background. How can I invert the logo on blog posts on mobile? Thanks!
  22. I need to put "by appointment" for the hours on some days, rather than just "closed". Does anyone have any code or workarounds for this? I want the business hours that come up on the mobile bar to use "by appointment" so really need o fix this Thanks in advance
  23. Hi everyone, I am trying to reduce the line spacing on the mobile navigation menu using Wells theme. It's very big and spacious at default. Have been trying for hours - anyone found a way? Thanks!
  24. Hello I have tweaked the CSS code ever so slightly on this top bar menu.I would like to change the text to grey and have less space between the lines when the menu opens.Can someone please help? Thanks so much!Ana This is the current code:@media only screen and (max-width: 800px) { #mobileMenuLink li.active-link a { visibility:hidden; } #mobileMenuLink li.active-link a:after { visibility: visible; font-family: 'squarespace-ui-font'; font-size: 2em; font-style: normal;
  25. I have a few pages set up with a slideshow gallery but when someone is on a mobile device I would like them to see a grid gallery. I've made a separate grid gallery page, is there a way to force mobile users to redirect to the page I want them to see?
×
×
  • Create New...