Jump to content

Brisvegas_Helen

Member
  • Posts

    5
  • Joined

  • Last visited

Recent Profile Visitors

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

Brisvegas_Helen's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. The top banner we want to show for Tablet and Desktop sites, hide on mobile. So Desktop sees 3x images across the screen. And the bottom banner, to show on Tablet, and hide on desktop. So Mobile sees 1 image across the screen. Thanks for your help @tuanphan
  2. thankyou @Beyondspace but it didn't work for me. This is our entire CSS thread, I'm not sure if it might be an order or placement issue? Thankyou for your help, the code we have: /* CSS FOR TABLET AND MOBILE */ @mobile: ~"only screen and (max-width: 640px)"; @tablet: ~"only screen and (min-width: 641px) and (max-width: 949px)"; /* Hiding and showing sections */ @media and (max-width:641px) { #block-e5cf74dd476b7a890fa7{ display:none !important; } } @media and (min-width: 641px) { #block-yui_3_17_2_1_1684116914810_14177 { display:none !important; } } /* CSS FOR TABLET */ @media @tablet { /* Insert Code for Tablet Below This Line*/ .sqs-block-gallery { width: 100%; margin-right: auto; margin-left: auto; } /* Insert Code for Tablet Above This Line */ } /* CSS FOR MOBILE */ @media @mobile { /* Insert Code for Mobile Below This Line*/ .sqs-block-gallery { width: 100%; margin-right: auto; margin-left: auto; } /* Insert Code for Mobile Above This Line */ }
  3. Thanks @tuanphan I have made a second carousel, both shown on this page: https://neildesign.com.au/mobile my current CSS is below, but obviously not working: /* Hiding and showing sections */ @media and (max-width:641px) { section[data-section-id="#block-e5cf74dd476b7a890fa7"] { display:none !important; } } @media and (min-width: 641px) { section [data-section-id="#block-yui_3_17_2_1_1684116914810_14177"] { display:none !important; } } Thank you for your help.
  4. Hi Forum circle members, revisiting the 'How to make a Carousel display a single image on mobile only' thread, I'm not having any luck with the above code example. I think I'm getting the ID details completely wrong. Can anyone assist please? Or should we try two carousels as noted by @tuanphan and show/ hide? What code would I use for that in 7.0 (I've found instructions for 7.1 but we are in 7.0). Website is neildesign.com.au Brine template / Mara Brag / Version 7.0 Thankyou, Helen
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.