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. Hi, my website is www.thecigarbible.com On the mobile website I want to remove all left, right and top padding on the image blocks containing the text "Newsfeed" and the one with "Cigar of the month", so that the image block has no padding top, left and right of the mobile screen. I have tried several different options posted on the forum herea but none seem to work right. I am either left with padding at the top, some small padding either left or right or other content blocks on my website are effected. I am using the template: Brine. I would really appreciate some help.
  2. 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, but my template, "Ready" (in the "Skye" template family), gives no option for that. How do I make the two look the same? Barring that, how do I just get it so that my homepage navigation buttons stay lined up three in a row?
  3. 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!
  4. 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
  5. 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!
  6. Good afternoon, I have been attempting to increase the logo image size for the mobile view. I have tried several different methods found in the forums, such as the one included below: @media only screen and (max-width: 640px) { #logo { height: 100% !important; max-height: 100% !important; width: auto; max-width: 100% !important; } } The website is: ubcontractor.com I am using the Bedford Template. Would greatly appreciate any help. Thank you so much.
  7. 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; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\e030"; text-align: right; display: inline-block; vertical-align: right; margin-right: -10px; margin-top: -0px; color: #808080; } #header { height: 80px; width: 100%; margin-left: -20px; position: fixed; background-color: #ffffff; margin-top: -20px; } #logo { margin-top: 14px; margin-left: 20px; } #mobileNav nav.mobile-nav ul { margin-top: -15px; } #mobileNav.menu-open { position: fixed; width: 100%; z-index: 10; height: 290px !important; margin-top: 50px; background-color: #ffffff; -webkit-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -moz-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); -o-transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); transition: all 500ms cubic-bezier(0.445, 0.050, 0.550, 0.950); /* easeInOutSine */ } } This is the website, please visualise in mobile mode. https://tambourine-algae-4xn6.squarespace.com/config/design Thanks so much!Ana
  8. 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?
  9. I'm wanting to have the images in an "Image block" a specific or adjustable size when in mobile view. Thank you in advance. Attached standard vs mobile view.
  10. I have banner videos on my index pages and they look great and load with minimal delay on computer, laptops and phones older than iphone 10s. HOWEVER, iPhone 10XR and 11 and newest samsung doesn't play the videos at all (defaults to mobile fallback) AND even refuses to stack page images and text the way all the other older iphones do. Anyone else experience this too? Any hacks or fixes??
  11. How do I get the image to stack over the copy on this page for each category (the copy should be associated with the image that is over it). Thank you ๐Ÿ™‚ Webpage: https://www.lauraengeldesigns.com/portfolio
  12. 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?
  13. My website www.emergingmethodism.com has an Instagram block on it, with 9 images in the grid. I need it to look the same on mobile as it does on desktop - with 3 rows of 3 images - but I don't know how to write the custom CSS for it.
  14. Hello, I use the Flatiron template and figured out how to add a social media button to the bottom bar - I would like to change it into the upper space of my website, appearing next to my Imprint (https://www.sarahkoester.com). Is that possible? Also, on mobile the social button gets completely hidden - any solutions for that? Thank you!
  15. I designed a one-page website, the page will scroll down when you click the selected item in the top of the menu bar in desktop mode.The Problem is that in mobile mode( will change to hamburger menu), even when I clicked the selected item, the menu panel doesn't go away due to the one-page design which won't reload the page.
  16. When building my site, i came across a problem I couldn't solve. I have my social media icons on the navigation on top of the page. When viewed in mobile, I lose them. I was looking to put them in the mobile menu (inside the hamburger icon) but was never able to find a solution. Was wondering if anyone had a solution to that. What I did was I placed them in the contact page on the bottom when seen on mobile. That is a temporary solution until i find a permanent solution. Is there a way to do this using CSS? I am using brine template. A solution to this would be appreciated. http://www.marinocarrabs.com Thank you!
  17. I designed a one-page website, the page will scroll down when you click the selected item in the top of the menu bar in desktop mode. The Problem is that in mobile mode( will change to hamburger menu), even when I clicked the selected item, the menu panel doesn't go away due to the one-page design which won't reload the page.
  18. Hi All, I have exhausted all previous threads and have yet to find a solution that works for me. I am looking for some simple code to inject into my cover page to move my buttons down slightly. I had something that worked until recently, although about a week or so ago I noticed my buttons we at the top of the page instead of at the bottom. The desktop 'device' preview was displaying correctly, however the actual phone display was incorrect. I have since removed the code which has improved it slightly, but i would really like to move it down into the coloured section of the cover page. The website uses the jasper template. The website is https://www.universalproductions.com.au/ Please see attached for more information. Thanks in advance Daniel
  19. How do I get the image to stack over the copy on this page for each category (the copy should be associated with the image that is over it). Thank you :) Webpage: https://www.lauraengeldesigns.com/portfolio
  20. Hello, I need help putting code to resize an image on mobile to appear larger. The site is https://www.nyumbai.com/ and it's the image on the right on the footer. The format looks fine on desktop but once in mobile, the image appears small and not the full width to the mobile screen that'd I want. Thanks in advance!
  21. CSS Newbie hereโ€”I'm trying to get the hang of how to reduce the font size of my testimonial carousel which is a Gallery Section, but only for the Mobile version. ( Brine template ) I used the block identifier and assume the block id is the one that ends in 5884 since it's the closest one to that section. This is what I have so far..... but I'm really just guessing.... Thanks in advance for any gentle steering in the right direction ๐Ÿ™‚ //Reduce Testimonial Font Size in Mobile { #block-yui_3_17_2_1_1570679576795_5884; font: ltc bodoni 175; size: 30px Edit or delete this
  22. Hello, anybody here know how to get a different banner image to display on mobile only? (using squarespace 7.1) www.teamngn.com/contact here's what I'm trying for custom css...(using a color image to see if it works easier) @media screen and (max-width:767px) { #collection-5da7ebea7bed65372db92fc5 #section background{ background-image: url("https://static1.squarespace.com/static/5da62a583a2bd04688ad1455/t/5dbc1afe54a8c11b2343868e/1572608767139/mobile-contact.jpghttps://static1.squarespace.com/static/5da62a583a2bd04688ad1455/t/5dbc1c38013bfa0a88fdc15a/1572609080827/color-orange.jpg"); background-position: center center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat;} } thanks!
  23. Hey there, pardon if this question has already been asked before. I'm wondering if it's possible to have a site which uses the Brine template configured to use a logo when being viewed at mobile or tablet resolutions, and the regular site title be used if the site is being viewed from the desktop. The logo for the site I'm working on is effectively a square. It's great for mobile views, but gets a bit small in the desktop view. I've tried increasing it size-wise, but that only makes it dwarf the other items in the header. The site title is too long to use in mobile view: it gets all bunched up and crowds the other header items, even when they're compressed for mobile. Is it possible to have this configuration in Brine, or in any Squarespace template for that matter? Or am I better off trying to create a logo that's wider than it is tall, and therefore scales better?
  24. How can I invert the logo color on my mobile view?
  25. Hey Guys! I've already used custom CSS to adjust the mobile fonts on my site, however, I can't figure out how to adjust the size of the product titles in mobile view. I'm using the Jaunt template. Any help would be great...thanks!
ร—
ร—
  • Create New...