Okay
  Public Ticket #3429379
Disable something for desktop
Closed

Comments

  • hablemosdeiglesia started the conversation
    August 3, 2023 at 6:10pm

    Hi guy! 

    I'm trying to find the option to disable a row on mobile and disable another one on desktop - that way it will be displayed the way I intended to be shown. Can't find the option. 

    Thanks

  •  279
    Noah replied
    August 3, 2023 at 7:39pm

    Hi there,

    Try the following CSS:

    @media only screen and (max-width: 690px){
    .hide-on-mobile{
        display:none;
    }
}
@media only screen and (min-width: 690px) and (max-width: 999px){
     .hide-on-tablet{
        display:none;
    }
}
@media (min-width: 999px){
     .hide-on-desktop{
        display:none;
    }
}

    add it to salient \ general settings - css script related - custom css code.

    Then for the row you want to hide on mobile add the hide-on-mobile in the extra class name option in the row's settings. Add hide-on-desktop for row you want to hide on desktop.

    Try that.