Title: Hide on Responsive
Last modified: June 13, 2020

---

# Hide on Responsive

 *  Resolved [dannyrizzy](https://wordpress.org/support/users/dannyrizzy/)
 * (@dannyrizzy)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/hide-on-responsive/)
 * I watched this video on how to hide sections on mobile [https://www.youtube.com/watch?v=n5UBglqX8vQ&feature=emb_title](https://www.youtube.com/watch?v=n5UBglqX8vQ&feature=emb_title)
   I follow these steps but I dont have the responsive tab when I click edit section
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhide-on-responsive%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [boldthemes](https://wordpress.org/support/users/boldthemes/)
 * (@boldthemes)
 * [5 years, 12 months ago](https://wordpress.org/support/topic/hide-on-responsive/#post-12986077)
 * Hi [@dannyrizzy](https://wordpress.org/support/users/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;
         }
       }
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘Hide on Responsive’ is closed to new replies.

 * ![](https://ps.w.org/bold-page-builder/assets/icon-256x256.png?rev=1573974)
 * [Bold Page Builder](https://wordpress.org/plugins/bold-page-builder/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/bold-page-builder/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/bold-page-builder/)
 * [Active Topics](https://wordpress.org/support/plugin/bold-page-builder/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/bold-page-builder/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/bold-page-builder/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [boldthemes](https://wordpress.org/support/users/boldthemes/)
 * Last activity: [5 years, 12 months ago](https://wordpress.org/support/topic/hide-on-responsive/#post-12986077)
 * Status: resolved