SPECIAL OFFER: Only $69 for access to everything in OSTraining for 1 year! You save $75!  1
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

Different view for mobile phone

5 years 9 months ago - 5 years 9 months ago #121440 by honeyflowfarm
Different view for mobile phone was created by honeyflowfarm
I need some advice on using different views for mobile phones.

On this site: www.beeswaxcandleshop.com/

When viewed on a mobile phone I see this:


As you can see the text to the right of the image is cut off. This whole section is in a table, and I think that is part of the problem.


This image in landscape view shows it much better.

I need to get away from using tables - but my css skills are somewhat limited. I am working on the CSS class but feel like I need a more beginners css class. Do you have one?

How can I have a different page or module show up different on mobile phones? I can change the layout to make it view better - but then it does not look good on a laptop.

Need direction - Need learn to use css more? Use different views?

This message has attachments images.
Please log in or register to see it.

Please Log in to join the conversation.

5 years 9 months ago - 5 years 9 months ago #121445 by Valentin
Replied by Valentin on topic Different view for mobile phone
Hi honeyflowfarm,

You're using tables, which can break the responsive design, specially in mobile.
  • Edit the content and look for the table tag
  • Remove the width value: width: 492px; and change to width: 100%;
  • Change height value to auto

This would be a similar result:
<table cellspacing="0" cellpadding="5" border="0" style="width: 100%; height: auto;">

For other issues not related to tables, we have a tutorial that will help you to add your customizations for specific screensizes: www.ostraining.com/blog/joomla/custom-responsive-templates/

Looking forward to help you

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!