Limited availability during the holidays

Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.

We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!

Okay
  Public Ticket #1057999
breakpoint mobile devices
Closed

Comments

  •  2
    jfritsch123 started the conversation

    Is there a way to change layers breakpoint for mobile devices? It seems to be 768px, i need 640px.

  • [deleted] replied

    Hey jfritsch123,

    Unfortunately there is no option to change layer display breakpoints at the moment. The following sizes are the breakpoints we are using currently:

    Hides a layer on desktop computers: Screen width > 1024px
    Hides a layer on tablets: Screen width >= 768px and <= 1024px
    Hides a layer on phones: Screen with <= 767px

  •  2
    jfritsch123 replied

    Thank you for the quick reply. Will this feature be implemented in near future? I need it in  my wordpress theme development.

    Update: Searching the code I found the place where breekpoints are defined. A quick'n dirty reset in my css file did the job:

    // RESET !!!!!!
    @media screen and (max-width: 767px) {
     .ls-container .ls-layers .ls-hide-on-phone {
      display: block !important;
     }
    }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
     .ls-container .ls-layers .ls-hide-on-tablet {
      display: block !important;
     }
    }
    @media screen and (min-width: 1025px) {
     .ls-container .ls-layers .ls-hide-on-desktop {
      display: block !important;
     }
    }
    // NEW 
    @media screen and (max-width: 639px) {
     .ls-container .ls-layers .ls-hide-on-phone {
      display: none !important;
     }
    }
    @media screen and (min-width: 640px) and (max-width: 1024px) {
     .ls-container .ls-layers .ls-hide-on-tablet {
      display: none !important;
     }
    }
    @media screen and (min-width: 1025px) {
     .ls-container .ls-layers .ls-hide-on-desktop {
      display: none !important;
     }
    }
    

    Would be a useful feature to define these breakpoints in the admin area.

    Best
    Joe


  • [deleted] replied

    Thank you for the feedback, we will consider making this an available option on the admin area in the future.