How to hide row/section on mobile devices

Home Forums WordPress Theme Springbook – Responsive WordPress Blog Travel Photography Theme How to hide row/section on mobile devices

This topic contains 3 replies, has 2 voices, and was last updated by  CTHthemes 2 weeks, 4 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #18603

    deanehartley
    Participant

    Supported

    Hello,

    I’ve got problem with hiding on mobile devices. I would like to hide whole row on mobile devices (attachment), but there is no such option when I’m trying to edit row.

    Please help.
    Daniel

    Attachments:
    You must be logged in to view attached files.
    #18627

    CTHthemes
    Keymaster

    Hi, there is no option to hide whole row on mobile. Please use the column options instead.

    Thanks.

    #18642

    deanehartley
    Participant

    Supported

    Hi,
    But then I can’t set background for whole row because it doesn’t fill whole space.

    #18650

    CTHthemes
    Keymaster

    Try add the code bellow to Springbook Options -> Custom Code tab -> CSS Code – Desktop View

    
    @media (max-width: 767px) {
      .hidden-xs {
        display: none !important;
      }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .hidden-sm {
        display: none !important;
      }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .hidden-md {
        display: none !important;
      }
    }
    @media (min-width: 1200px) {
      .hidden-lg {
        display: none !important;
      }
    }
    
    

    Then use hidden-xs extra class for the row element.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.