Mobile View Code | Responsive Code

  • Please grab/modify as per your requirement

    @media only screen and (max-width:500px){table#size-chart tr th{font-size:11px!important}table#size-chart tr td{font-size:10px!important}}
    #size-chart tr:nth-child(2n+1){border-bottom:1px solid #eee}
    table#size-chart{width:100%!important}

    @media only screen and (min-width:641px){.md-size-chart-modal-body{max-width:700px}}
    @media only screen and (max-width:640px){div#md-size-chart-modal .chart-table{overflow:scroll;width:100%}.chart-content-list{width:100%;box-sizing:border-box}div#md-size-chart-modal .chart-table table{width:100%;table-layout:auto;margin-bottom:0;white-space:nowrap}}

Viewing 1 replies (of 1 total)

  • Hello, thanks for your help, could you please tell me which file or document should I add this code in? Thank you so much.

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile View Code | Responsive Code’ is closed to new replies.