Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 19, 2017 at 2:42 am #853634
    janicenisha

    Hi there, I have some css I added to a table. I would like the font and padding to be smaller on mobile to fit the table on a smaller screen. However I can’t seem to get the table to behave the way I wrote the css. Could I get some assistance please?

    My table is on this page – http://affinhwangam.com/our-business/ titled – Key Financial Information
    The css I added is as below however it doesn’t seem to work..

    @media only screen and (max-width: 480px)
    table.key-financial-info td {
    font-size: 11px !important;
    padding: 9px 6px !important;}
    }

    Thank you!

    September 21, 2017 at 1:32 pm #854839
    Victoria

    Hey janicenisha,

    The rules are there and are applied
    https://cl.ly/2A0A341w1o2R
    I would suggest reducing the padding like this:

    
@media only screen and (min-width: 480px) {
  table.key-financial-info td {
    font-size: 11px !important;
    padding: 6px !important;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

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