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

Search the Community

Showing results for tags 'desktop'.

  • 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. Site URL: https://www.autocars.ltd/landing-page-mini-2 Hi, i'm creating a cover page and i think it looks good on desktop. however the mobile version has a slight issue because the words are unreadable due to the background image (IMAGERY?) This is how it looks like now: Desktop: Mobile: I would like to know if there is any way to code and make the opacity of the overlay on the mobile version higher, so that I can read the words more clearly? something like this: Currently im adjusting the overlay colour on top of my background image to play with the opacity level of the backg
  2. Site URL: http://www.bighousecards.com Trying to find a little code to change the 7.1 store mobile or both view to be a category dropdown vs. a scrolling list to the right or left. The average person wouldn't know to scroll categories. Took me a while to figure it out thinking my categories were not being displayed. Really appreciate any assistance as this is an annoying issue and I really don't want to change versions just for this. Thank you Ryan
  3. 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
  4. Hi, I'm putting together a website: www.maxandal.org I like the way the background image looks on desktop but on my phone it's zoomed in and cropped. I don't want to have to change the image but I'd like it to be also properly formatted for mobile. Any help advised thank you
  5. 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 comp
  6. 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?
  7. Site URL: https://elliotcoulterphotography.com/ Hi there, I have been searching the square space forum, and I couldn't find a solution to my issue, and I was wondering if anyone could help me at all? I have a slideshow at the top of my website (elliotcoulterphotography.com) of a few different images, but when it comes to viewing it on mobile, those images become incredibly cropped and unusable. I have seen a post where people use one header video for web, and another for mobile, and I was wondering if that could apply to the slideshow on my home page; one slideshow for web, and on
  8. Hi, I have 2 sections on a page. Top is for desktop, bottom is for mobile. I successfully hid the top section in mobile view thanks to code found here. I now need to hide the bottom section in desktop view. This is the code that I used to hide for mobile /* this code for tablet - mobile */ @media screen and (max-width:640px) { [data-section-id="5f168cff92f0a40baa399208"]{ display: none; } } Now trying to hide this section on desktop <article class="sections" data-page-sections="5f168bd06a769b073e0558ae" id="sections"> Thanks
  9. Site URL: https://bagpipe-dahlia-4zzj.squarespace.com/our-properties Hi, I am trying to organise my Gallery Blocks / Text / Buttons to display in the same order on my mobile as it does on desktop. When viewing on desktop and tablet, the gallery, text and button blocks go from left to right in order of price in there 3 columns (no filter, it's just the way i've laid it out), but when displaying on mobile, the order changes and it goes down the first column, then the second, then the third. How do I make it so it keeps the same order when displaying on mobile? The website p
  10. Site URL: https://woodliving.dk/ Hi I have added a link in my main menu folder to enable visitors go to a landing page when they click on the menu title. But on mobile this doesn't work. 1. Is it possible to make the link visible in mobile menu? Now I have directly added the landing page(Nordic) to the menu folder Right under link. And it looks good on mobile. If posible I would like "Nordic" to be bold. 2. How so I make "Nordic" bold in mobile only. But on desktop version I now have two "NORDIC" both linking to the same landing page. On the desktop version
  11. Site URL: https://viola-lion-ynnj.squarespace.com/our-story I'm hoping someone can help me with this! I'm using a 7.0 version of the Brine template. The banner images will not resize from desktop to mobile view and the font size looks great on the desktop view and giant in the mobile view. I have tried a few CSS codes from @tuanphan (listed below) I have found on other posts and none of them worked. I am sure it's user error on my part. My site is supposed to go live on September 1st. Please help!! What am I doing wrong? @media screen and (max-width:640px) { .homepage .section-bac
  12. Site URL: https://www.doritjaffe.com/ My custom font is active in the web builder and on my desktop but the website reverts back to the default/system font on mobile and other desktops. I uploaded an .otf, .ttf, woff and woff 2 files. I feel like I've uploaded everything necessary, is there something I am doing wrong. Thanks for the help! @font-face{ font-family: 'ModenaSans-Regular'; src: url ('https://static1.squarespace.com/static/5e51ebd012eb83660a18430c/t/5f299e1db82e0a1a83a9425e/1596562973434/ModenaSans-Regular.otf'), url('https://static1.squarespace.com/static/5e51e
  13. Hello, I am building a very simple site for a restaurant. The navigation is made-up of simple text links fixed at the top of the site. I would like to be able to keep those nav links visible in mobile as well, instead of the hamburger menu. What code would do the trick? Thanks in advance.
  14. Site URL: http://www.ozankarakoc.com Hello Friends! (My website is at www.ozankarakoc.com and I'm in the Business Plan.) Thanks to an earlier post, I achieved to force the hamburger menu to show up on desktop, but I couldn't find a way to format the overlay that opens when clicking the hamburger menu icon. The font size is too big that, when I place all my menu items, a scroll bar shows up, which looks unprofessional. Is there a way to make the font smaller or reduce the line spacing so that all the navigation items fit in the overlay? Thanks in advance! Ozan
  15. Site URL: http://talenttactics.co.uk I would like the desktop footer to appear exactly the same on mobile, currently it is coming up like this on mobile: instead of as is on desktop:
  16. i'm looking to have a photo that's on one page of the desktop version of my site NOT appear on my mobile site. it's my headshot and it comes up giant on the mobile site and it's just awkward (my site isn't active yet btw because of this so i didn't put the link but i included some screenshots). i have version 7.1 and the picture is formatted as "Card" with the image on the left and the text on the right in one block. this is what the squarespace support guy said: "You may be able to do this with custom code, however this would be considered an advanced modification and therefore fall
  17. Site URL: http://www.glossi.io Hi all, I have a background video in one of my sections and the fallback image displays for a moment when the video hits the loop point. Is there a way to fix that or disable the fallback image on desktop? Thanks Jonathan site: http://www.glossi.io pass: Hi5Speaker
  18. 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
  19. 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
  20. I was very pleased with the desktop view and started tweaking the mobile section. To my horror, the design overrode my dekstop view. Help!
  21. 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!
  22. 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/
  23. 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 struc
  24. 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
  25. 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.
×
×
  • Create New...