Custom Fields
Re-Envisioned
Support Meta Box Columns Minor tweak to responsive css

  • Creator
    Topic
  • #17342
    Resolved wgstjf
    Participant

    Hi guys,

    Any chance you could modify css from line line 79 of the columns.css file from this

    
    @media screen and (max-width: 767px) {
      .rwmb-column {
        width: 100%;
      }
      .rwmb-column .rwmb-input input {
        width: 99%;
      }
      .rwmb-field .select2-container {
        width: 99%;
      }
    }
    

    to this:

    
    @media screen and (max-width: 767px) {
      .rwmb-column {
        width: 100%;
      }
      .rwmb-column .rwmb-input input:not([type="checkbox"]):not([type="radio"]) {
        width: 99%;
      }
      .rwmb-field .select2-container {
        width: 99%;
      }
    }
    

    This would prevent checkboxes and radio buttons from trying to take on 99% of the available width when viewed on a small device such as a phone.

    Cheers,

    Will

Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • #17412
    Anh Tran
    Keymaster

    Hi Will,

    Thanks for your help. It’s added to the new version which has just been released.

    #17419
    wgstjf
    Participant

    No problem and thanks for the quick update.

    #17593
    brandonjp
    Participant

    This is a great update! Thanks, Will & Ahn!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.