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


  • Content Count

  • Joined

  • Last visited

Recent Profile Visitors

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

  1. Same problem : my desktop shows the correct version, but my iPad shows the wrong one. I've tried a bunch of different breakpoints and my iPad either shows the wrong version or both. Any other idea?
  2. This one is driving me nuts. I don't understand why the query is working on desktop but not on mobile. The 1194px breakpoint works on my iPad for other scripts, but not the code above. Any idea, anyone?
  3. Help no longer needed. I used the following: @media screen and (max-width:1194px) { .Index-page-content { padding-top: 15px; padding-bottom: 15px; } } Thanks
  4. No, thank you. I managed to fix those issues.
  5. Site URL: https://gregorylassale.com I created two versions of my homepage: "homepage-medium" for large screen. "homepage-small" for mobile. I am trying to sho/hide the correct version via media query. It's working on my desktop but not my tablet. @media only screen and (max-width: 1194px) { #homepage-medium { display: none; } } @media only screen and (min-width: 1195px) { #homepage-small { display: none;} } I have tried different breakpoints, but on mobile (iPad) either both versions are shown or only "homepage-medium" (instead of "homepage-small"). I am
  6. Following up on this. Is there a way to modify the code below so that the navigation bar slides out after a short delay whenever the scrolling stops? <style> header.Header, .Mobile-bar { transition: transform 0.4s; } .scroll-down header.Header, .scroll-down .Mobile-bar { transform: translate3d(0, -100%, 0); } </style> <script> document.addEventListener('DOMContentLoaded', function() { const body = document.body; const scrollUp = "scroll-up"; const scrollDown = "scroll-down"; let lastScroll =
  7. All of them except the banners: #intro, #services, #about, #faq, #testimonials, #contact, #additional-info, + all the French versions #intro-fr, #services-fr, #about-fr, #faq-fr, #testimonials-fr, #contact-fr and #additional-info-fr.
  8. Site URL: https://gregorylassale.com I am trying to reduce the top padding on a few pages specifically for tablets in landscape mode. I tested the following for the Intro page, which didn't work at all. /*remove padding on tablet lanscape*/ @media screen and (max-width:1194px) and (min-width:834px){ #intro { padding-top: 10px; } } Even if it did, it would probably exclude a lot of devices as I used my iPad Pro 11's specs and many tablets have lower resolution. Wondering if there is a more efficient way to Target tablets' landscape mode. Thanks.
  9. Please desiregard. I fixed the issue by creating a alternate versions of the homepage for tablets and phones and decreasing the font size.
  10. I also tried this CSS with different widths but no dice 😞 @media only screen and (max-width: 2388) {#landing-banner {display: none;} } @media only screen and (min-width: 2389) {#landing-banner-mobile {display: none;} }
  11. Is this script supposed to work on all templates? It's not working on Brine. I'm trying to show "/landing-banner" on large screens and "/landing-banner-mobile" on mobile. Thanks.
  12. Following up on this. Reducing the padding to 0 for the title block didn't fix the problem at all, while reducing the font size didn't yield very good results. It looks ok in portrait mode, but too small in landscape mode (iPad Pro 11). I set the max width at 1668px (iPad Pro 11's portrait width pic count), but the font stayed the same size in landscape mode. Does anyone have a workaround? I'd be fine with having the title on two lines on mobile phones and tablet portrait mode as long as they don't overlap. Any help much appreciated.
  13. Site URL: https://gregorylassale.com I uploaded a custom font to SS and managed to apply it to all headings and paragraphs, but a lot of elements are still not included i.e. all cover page text, all buttons, accordion tabs text, contact form text, etc. Is there a quick way to apply the custom font to all site elements with CSS, or do I have to look up and target individually all those elements? I really wish SS made uploaded fonts available via Site Styles... Thanks
  • Create New...