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.