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

Search the Community

Showing results for tags 'desktop'.



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
  • 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

Found 24 results

  1. Site URL: http://bradleystearn.co.uk/ I'm struggling to find a way to remove the negative/blank space on the mobile view of my website. Viewing on desktop the design is how I would like it, swithcing to a mobile view you'll see a lot of negative white space between my header, and the image slideshow. I've been hunting around the design section of the edit menu, but cannot find a way to remove this space, which doesn't affect the design of the desktop version. http://bradleystearn.co.uk/ Thank you
  2. Site URL: https://menuez.com/ I have a cover page with an auto-play video background for desktop that is replaced with a fallback image on mobile. The mobile fallback image flashes on screen before the video starts playing on desktop. Is there any way to disable the fallback image from showing on desktop or replace it with a background color while retaining image on mobile?
  3. Site URL: https://www.hampseshop.com/ Is there a way to change header to every device. I managed to change the color just for desktop usiing this code: #canvas { max-width: 100% !important; } #header { margin: 0px 0px; padding: 0px 0px !important; background: grey; } section#page { max-width: 900px; margin-left: auto; margin-right: auto; But I wanna change header color for all the devices including mobile view. Can someone help me on this? I'm using squarespace 7.0 Thank You
  4. Site URL: https://www.joeandjenphoto.com Hello, I use the Maple template from the Brine family, and I'm looking for some code to do the following: I'd like the full page index gallery on my home page to have a fixed height on desktop only, but not on mobile. I prefer the crop of the 'fixed height' on desktop so the image doesn't stretch too far down, but do not like the vertical cropping that it creates on mobile. Basically - I would like the original crop of my photos to be maintained across all platforms. I've chatted with SS support and it doesn't seem to be possible within the site styles. Thank you for your time! Joe https://www.joeandjenphoto.com
  5. I was very pleased with the desktop view and started tweaking the mobile section. To my horror, the design overrode my dekstop view. Help!
  6. Site URL: https://www.plantbasedpitstop.co.uk/ Hi there, Im trying to make this navigation drop down transparent ideally - and preferably right aligned. I've tried inputting a few different CSS options for the background but not having much luck with the below. #topNav nav .folder .subnav { background: transparent !important; } WOuld appreciate any help, thanks!
  7. Site URL: https://mcgrath2.com/project/long-island-farmhouse/ I'm trying to hide a block on desktop but show on mobile like this example https://mcgrath2.com/project/long-island-farmhouse/
  8. Site URL: https://www.maxwellflick.com Hi, For the most part I have been able to add squarespace custom css to give my site the look I want but I am completely stumped on this mobile view issue. I want to have the content on mobile view look exactly like the content on the desktop version. On the page https://www.maxwellflick.com/portraits the desktop view is perfect but switching over to mobile view it throws away the space blocks and jumbles together the images and text to display in a single column. Is there a code that exists to disable the mobile view and tablet view completely so that every format has exactly the same spacing? Essentially always forcing the desktop version to show? I see a lot of posts from last year where there was apparently an option to change the mobile breakpoint to 0px but I don't have that option in my style editor. site is private: flick2020 Thanks!
  9. Site URL: http://jlinnertarchitecture.com Hi all, I am trying to make it so that when a visitor sees my homepage, they get a random image every time. With that being said, I would like for the image, when viewed on mobile, to be chosen from a set of vertically-oriented shots, and when viewed on desktop, to be among a set of landscape-oriented shots. I have seen some people mentioning that they have a different home page for mobile, or an index of it or something. I'm fairly competent with HTML generally, but new to CSS and Squarespace. So I don't totally understand the structures and backend. Can anyone help offer guidance with how I can achieve this? Ideally, I would link the images from ones hosted on other pages in my squarespace website. Thank you very much. This is a screenshot of how my site is organized now.
  10. Site URL: https://www.bypaigejordan.com/ Hello Everyone, I ran into a little problem trying to place the Titles of the products over the image on the product page similar to the desktop version pictures attached. Any help would be much appreciated, Thanks
  11. Hello, My website is nearly complete. I've added several customizations using CSS and JavaScript to make the site work nicely on a desktop. However, when viewing the site on mobile the layout becomes totally scrambled. I'm wondering: Is there a way to force a site to a desktop view even when using mobile? I've tried disabling the mobile layout in my template but I still encounter the same issues. The template I'm using is Native. Any advice? Thanks in advance.
  12. Site URL: https://www.studio2299.com/about-1 I want to show the full-width of the image on both Mobile and Desktop. I am using a banner which crop horizontally on mobile. Is there a way to hide the banner on mobile and show an Image block instead? I have a test page with the banner and the image that I'd like to use on Mobile. I've seen some instructions on how to replace the banner with an image, but that solution uses the banner container. Any suggestions?
  13. I have two sets of images, one for desktop and one for mobile, each within the same gallery. The desktop version has a more elaborate layout that will not read in mobile so I want to use css to show/hide depending on the screen size. I'm using the code below and it's working perfectly except for one issue. On the desktop version after the last image instead of returning to the beginning you see a black black screen. The mobile images are hidden but the navigation is still loading the blank pages. How do I point the link back to the first image? /* Mobile*/ @media only screen and (max-width: 800px) { #collection-############################### .slide:nth-child(-n + 22) { display:none; } } /*Desktop */ @media only screen and (min-width: 800px) { #collection-############################### .slide:nth-child(n + 23) { display:none; } }
  14. Site URL: https://parrotfish-asparagus-tyfd.squarespace.com/config/pages Hi all, First time poster here. I have forced the hamburger for desktop display, but don't want the menu to overlay the entire desktop screen. Do you have any suggestions for code to reduce the overlay on desktop to ~50%? Thanks
  15. Site URL: https://lychee-hexagon-xtzb.squarespace.com/ Hello, I am very confused about Breaking points. I have a client who has a computer that's 4K and dimensions are 3840x2160 I am creating a site for him and the site looks good on a laptop but when it get's bigger it stretches out. Unfortunately I can't see what he means as I don't have the same screen size as him so I don't feel like I am equipped to design a site for a larger screen. I am learning more about coding and breaking points and I am wondering if there is anyone out there who knows a thing or two about how to have your content look the same across all screens. I read an article about something like using px instead of pixels and ems or something like that. I have no idea it's uncharted territory for me. Clients Site: https://lychee-hexagon-xtzb.squarespace.com/ Password: moretti If I can't solve It he might hire another designer. So I appreciate the help!
  16. 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
  17. Site URL: https://www.dfwmicropigmentation.com Hi ya'll, probably a simple request: I need help scaling a banner image 100% width on my home page. It does it on iPhone, just not on desktop computers. Thanks for any help!
  18. Site URL: https://sisterswhohustle.co/ I'm trying to figure out how to make text links and image links open in a new window on DESKTOP ONLY. But I'd like these same text links and image links to open in the same window on mobile. I'm using the SKYE template. Is this possible? Reason being, all my external links go to Amazon to push affiliate sales. If I have "open in a new window" turned on, the links won't automatically open in the Amazon app on mobile and I need them to. But when I uncheck "open in a new window", they DO open in the Amazon shopping app automatically on mobile, but redirect away from my website on desktop. Thanks in advance!
  19. 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
  20. Site URL: http://norbertvarjasi.com Hi there, I'm looking for some solutions for my website's ( http://norbertvarjasi.com ) desktop view. I've put texts (working as a title) in top of the images of my projects. In phone view these look perfectly in the center but I have a problem with the desktop view. As you can see it on my screenshot, the texts are higher than it should be. If you could recommend me anything to sort this out, I'd very much appreciate it. Many thanks, Norbert
  21. Hi, I am trying to get my website to display well on all devices. once it goes to mobile or tablet the text and images move and the sizing is all out. is there any easy fix or does this require lots of coding ?
  22. Hi, I'm wondering if theres anyway to edit whilst in mobile mode? I've designed desktop, but when viewing on mobile some content is in a different order to what I'd like. For example, a list I've organised on the desktop in order of importance - reading left to right horizontally in columns and on two rows (so a 3 x 2 grid), however on mobile the first column of the second row is appearing second on the list. Can i rearrange the order they appear on mobile. Thanks
  23. I recently added some new providers to my website. Everything looks like on a desktop. When the page is viewed on mobile devices, the providers pictures do not line up with their bios. Anyone know a fix for this? Here is the page where the issue occurs: https://commonsensemh.com/new-clients-csmh
  24. Hello, How can I make the images in my "Leadership" page to appear smaller in mobile devices but to remain the same in computer view? Website: cesarlanga.com Thank you
×
×
  • Create New...