Minor tweak to responsive css

Support MB Columns Minor tweak to responsive cssResolved

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17342
    wgstjfwgstjf
    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

    #17412
    Anh TranAnh Tran
    Keymaster

    Hi Will,

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

    #17419
    wgstjfwgstjf
    Participant

    No problem and thanks for the quick update.

    #17593
    brandonjpbrandonjp
    Participant

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

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