Hide on Responsive

Hi @dannyrizzy,

It seems that you are using one of our premium themes. Some of them include different Bold Builder, which is why Responsive tab is missing.

In order to achieve hiding on responsive, please follow the next steps:

1. In section editor add following custom classes in “Extra Class Name(s)” field:

bt_bb_hidden_xs – Hide element on screens ≤480px (mobile)
bt_bb_hidden_ms – Hide element on screens 481-768px (mobile)
bt_bb_hidden_sm – Hide element on screens 769-992px (tablet)
bt_bb_hidden_md – Hide element on screens 993-1200px (laptop)
bt_bb_hidden_lg – Hide element on screens >1200px (desktop)

2. Than add Custom CSS:

@media (max-width: 480px) {
  .bt_bb_hidden_xs {
    display: none !important;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .bt_bb_hidden_ms {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .bt_bb_hidden_sm {
    display: none !important;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .bt_bb_hidden_md {
    display: none !important;
  }
}
@media (min-width: 1201px) {
  .bt_bb_hidden_lg {
    display: none !important;
  }
}