How to make table responsive?

• 

  faizzsheikh · Member · Mar 31, 2016 at 11:45 am

  • Copy link
  • Add topic to favorites

  Hi,

  I want to add a simple table on the page but it does not become responsive. Half of the table is not visible on the phone device. How to solve this, please help? Below page have a sample table in it.

  https://starwayholidays.wordpress.com/test/

  The blog I need help with is: (visible only to logged in users)

• 

  g471n · Member · Mar 31, 2016 at 2:39 pm

  • Copy link

  Hi faizzsheikh

  The first step would be to change your table width from a set number of pixels to a percentage. Something like this:

  <table style="width: 100%;display:block;overflow-x:auto;">

• 

  faizzsheikh · Member · Mar 31, 2016 at 4:16 pm

  • Copy link

  Thanks a lot… it worked! :)

• 

  g471n · Member · Apr 3, 2016 at 11:31 am

  • Copy link

  Thanks for letting me know … would love to visit India one day … good luck and let me know if you need any more help with the site.

• 

  faizzsheikh · Member · Apr 4, 2016 at 4:36 am

  • Copy link

  Sure, do come, you are welcome… its a great country… you will love it here. :)

  Thanks for your kind support, Sir!