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


  • Content Count

  • Joined

  • Last visited

1 Follower

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I apologise, I have been uploading various designs to see how they look on different devices. Now changed, the first three sections = 1, 2 and 3. Many thanks!
  2. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/desktop Hello, I would like to know what is the ideal banner size that would look great on my site? I'm using version 7.1. I believe my current banner designs are around 3840px by 2000px? But my banners do look pretty big on site. If I reduce the Section Height settings to M or S, I do lose quite a bit of my background image. Please advise. My site page is here: https://bluebird-porcupine-yzdg.squarespace.com/desktop Pword = bluebird Many thanks, Best, Faiz
  3. Hello, the page link has been updated as below. I have added the 3 header sections designed for different size displays. On tablet and mobile, there will be some different promotional content for my customers. Is it possible to show: Header Section 1 on desktop only Header Section 2 on tablet only Header Section 3 on mobile only Please help! Page = https://bluebird-porcupine-yzdg.squarespace.com/desktop Pword = bluebird Many thanks, Best, Faiz
  4. Thanks very much Paul, apologies for the misunderstanding I'm new to this. Is there anyway to physically see this switch on my desktop screen? I can see this works now on my mobile but if I resize my desktop browser say to 640px, why can't I see the change in my browser (see attached images)? Many thanks, Best, Faiz
  5. Hello, I am trying to use the above code to use two different pages, one for desktop and the other for mobile. On mobile, there will be some different promotional content for my customers. here is my current desktop page (WIP) - https://bluebird-porcupine-yzdg.squarespace.com/collection_final here is the mobile version (WIP) - https://bluebird-porcupine-yzdg.squarespace.com/mobile Pword = bluebird I have added the above code to my Desktop page via 'COLLECTION_FINAL (Copy)' / gear icon / Advanced: <script> if (document.documentElement.clientWidth <760) { w
  6. Thanks Tuanphan, I have created different section versions for mobile / desktop on this page here: https://bluebird-porcupine-yzdg.squarespace.com/collection I also have some example of code I am using: /* HOME - HIDES HEADER SECTION 1 FROM MOBILE BUT LEAVES IN EDIT MODE */ @media only screen and ( max-width: 767px ) { body:not( .sqs-edit-mode ) section[data-section-id="5fff1e1e7f507d702792c87b"] { display: none; } body.sqs-edit-mode section[data-section-id="5fff1e1e7f507d702792c87b"] { opacity: 0.5; } }
  7. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/collection Hello, I have a page here: https://bluebird-porcupine-yzdg.squarespace.com/collection which looks good on Desktop, Tablet and Mobile however, I seem to be having some spacing issue's between each section...looks good on Desktop but not so much on Tablet and Mobile. Is it possible that I could have two different 'Collection' pages on my site, 1) for desktop and 2) for tablet and mobile and depending on the screen size, the viewer would see either the page suitable for Desktop or of Tablet/Mobile? The other page wou
  8. Hey Creedon many thanks for your detailed and VERY helpful solution - that fixed that issue!!! Awesome support!!! I would never have been able to notice and figure that error! THANK YOU SO MUCH!!! 💯💗 Best, Faiz
  9. Thanks guys, apologies I added an extra banner last night (without any code) so perhaps this is what you were seeing. I am viewing using my Surface Pro 6 via Chrome. I don't actually have an iPad but I am using this tool http://howbigismybrowser.com/ to confirm the screen size (see attached @768px wide). I have removed that additional banner now, just the two sections remain with the above code. Again, I am not seeing either banner at 768px (see attached). Please would you mind double checking? Many thanks! Best, Faiz
  10. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home Hello I currently have some code that I am using to display one header section for Desktop, and switch to another header section for Tablet and Mobile. The reason behind this is that my first design for Desktop does not look good on mobile. The code also allows me to see the sections in 'edit' mode making it a lot easier to tweak the design if I need to. Here's the code: /* HOME - HIDES HEADER SECTION 1 FROM MOBILE BUT LEAVES IN EDIT MODE - ESSENTIALLY, THIS CSS CODE WOULD ONLY RUN IF THE SCREEN SI
  11. Thanks Tuanphan, I appreciate your help today! Works perfectly 💯
  12. NIIIIIIICE!!! PERFECT code thank you very very much that's awesome!!! Much love 💯
  13. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home Hello, I noticed today there is a slight padding to the left of my logo image and beneath (see attached). Is it possible to remove the left and bottom padding? Page - https://bluebird-porcupine-yzdg.squarespace.com/home Pword - bluebird Many thanks, Best, Faiz
  14. Many thanks Tuaphan, that fixed it! However, I notice that the code also affects my elements in my Product page design. With this code, my 'Overview, Details, Care' sub menus disappear. See attached images, with / without the code. It also pushes the Product 'Studio Overhead Jacket' Title up and under my images on mobile. Is there another solution? Sorry for the hassle. Best, Faiz
  • Create New...