Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 22, 2013 at 2:57 am #28225
    Patchharris

    Hi,

    We are using your template with the responsive setting enabled.

    Please take a look at the following page:

    http://schuttiesfasteners.com.au/protex-fasteners/light-duty-fasteners/18-613/

    Then take a look at the same page on mobile, is there any way to change the order of the table on a mobile device?

    You will see that for example that Hole ø says Zinc instead of 4.10mm on the mobile device.

    I’m hoping we can find a solution to this?

    Thanks in advance.

    August 23, 2013 at 3:06 am #136909
    Ismael

    Hi,

    There is no fix for the table element yet. We suggest that you hide them when viewing on mobile device then show a tab element instead. You can add this on your custom.css or Quick CSS:

    This will hide the table then show the tab element instead when viewing on Mobile Devices:

    @media only screen and (max-width: 767px) {
    
.avia-table.avia-data-table {
    
display: none;
    
}
    

    
.tabcontainer.top_tab {
    
display: block;
    
}
    
}

    This will hide the tab element on desktop or iPad view:

    @media only screen and (min-width: 767px) {
    
.tabcontainer.top_tab {
    
display: none;
    
}
    
}

    Regards,

    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Table displays incorrectly on mobile’ is closed to new replies.