Mobile Tables

  • Author
  • #1636920

    I use tables to organize my photos on pages, but it messes up my mobile site, how do i get it so they will just adjust to fit the page of the mobile device?


    The blog I need help with is



    You don’t use tables, is the short answer. It is also the correct answer.


    Well I need tables to organize my photos in collums, since there is no other way.



    Actually, you could use Galleries, which look like tables but are also dynamic so they don’t break the mobile theme.


    The thing is I want to be able to click on each photo and for it to go to a different page on my site with the whole other album.


    Moderator Emeritus

    You might find using “float” useful.
    Float left, float right, and using percentages. In some themes, tables work okay using percentages as well.

    But as for the columns, with floatleft and floatright, here is an article to get you started:
    (flexible width themes)

    <div style=”float:left;width:50%;”>
    <div style=”padding-right:10px;”>


    <div style=”float:right;width:50%;”>
    <div style=”padding-left:10px;”>


    <div style=”clear: both;”></div>

    There may be some other adjustments you’ll need for mobile sites, but I don’t have experience with that.

    This may also be useful:
    though not exactly what you want, and there have been some problems with this shortcode.

    Or switch to a theme which displays a grid of images linking to posts. Another volunteer will have more specific recommendations about themes which function that way.


    Moderator Emeritus

    Here is info about using table coding with percentages rather than specific width definitions:
    But as I said, I don’t have a mobile device, so I’m not sure how this would work. In some flexible width themes, pictures to scale down as screen width narrows.

    Hope this helps…


    How would i Use ‘float’ if i want a table 4 collums wide?



    Still awaiting help…

The topic ‘Mobile Tables’ is closed to new replies.