close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

What can be used instead of tables for mobile devices

Thread began 3/28/2019 4:37 pm by ERB | Last modified 8/07/2019 9:08 am by Ray Borduin | 2879 views | 6 replies |

ERB

What can be used instead of tables for mobile devices

My website uses tables on one page in order to display information. These do not display on mobile devices correctly. I know tables are archaic but I dont know what else will work. Can you tell me how to get the same results of using table but in a way that is mobile friendly?

For Example: https://winchester.mycafecommerce.com/products/available-spring-leagues

Thanks!

Sign in to reply to this post

Ray BorduinWebAssist

There is no great alternative for a table when it comes to calendars on a phone. You can use class="desktopOnly" and class="phoneOnly" to have different tables display depending on if it is on a phone or desktop computer. I've done that and put in the data for you. You could do something similar on other pages where you need it.

Sign in to reply to this post
Did this help? Tips are appreciated...

ERB

That works great for me! Thanks!

Sign in to reply to this post

ERB

Hey Ray,

This worked well on one of my sites. I have tried to duplicate that method on another site and for some reason not able to make it work. Can you take a look for me? I copied and pasted the same code that worked on my other site.

Thanks!

Sign in to reply to this post

Ray BorduinWebAssist

I can't seem to find the page you are working on to see what might be wrong. The link you provided goes to a page not found message.

Sign in to reply to this post
Did this help? Tips are appreciated...

ERB

this is the page.
https://oleavers.mycafecommerce.com/products/available-fall-leagues

Sign in to reply to this post

Ray BorduinWebAssist

I added CSS to your admin Design->Advanced page so that the technique will work on this site as well.

Sign in to reply to this post
Did this help? Tips are appreciated...

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...