This topic has 2 voices, contains 7 replies, and was last updated by  TB Support 2502 days ago.

Mobile view error – info

Tagged: , , , , ,

ThemeBurn Support › Forums › OpenCart Themes › Pavilion OpenCart Theme › Mobile view error – info

This topic has been marked as resolved.

Hello!

A strange thing is happening to my site: when I access a product from my mobile phone, I can’t see the whole description of the product. As like I can’t zoom in or zoom out to see the full description of the product but also can’t read everything. The description is written from left to right. It is very annoying mostly because I have product specs in tables as well and won’t show.

My site is http://blueinstal.ro – please feel free to check it out! Or just check this product to see what is the problem: http://blueinstal.ro/Incalzire/Cazane/Celsius-Plussz/arzator-peleti-b-max-30kw

Intersting thing: when I make a table in microsoft office, the table is being responsive if I simply copy-paste it. If I want to insert a table from the description part of the product upload OR paste within the admin format, it doesn’t work well.

The problem is it does not stop with tables. I have products with lots of orizontally wide description and can’t read it on mobile.

Any and all ideas are welcome!

Thanks!
 jozsiszilagyi
May 30, 2017 at 10:47 am #59469

Hi,

When you insert tables in your description you need to make sure:

1) Tables don’t have any fixed with or styles that set width.

2) Tables follow this code pattern:

<div class="table table-minimal table-condensed table-responsive">
  <table>

  ...

  </table>
</div>

BR,
ThemeBurn team
 TB Support
June 1, 2017 at 10:30 am #59535

Hi!
How do I verify the style and width of the table?
Can I just simply copy your code into the Custom CSS and everything will work fine?

Thanks
 jozsiszilagyi
June 12, 2017 at 9:12 am #59776

Hi,

1) When inserting tables in your product description, you need to check the output HTML code. Here is what is preventing your table to fit to the containing block:

http://i.imgur.com/wCYF1z7.png

2) The above code is not CSS, but HTML – the pattern you should use when inserting responsive tables.

BR,
ThemeBurn team
 TB Support
June 13, 2017 at 12:33 pm #59847

So what I have to do is to edit all the tables on my website so the width is responsive?
Isn’t there a faster/easier way to do it maybe?
 jozsiszilagyi
June 13, 2017 at 12:40 pm #59849

Hi,

Here is a quick CSS “fix”:

.tb_system_product_description table {
    width: auto !important;
}

This code will not make your tables responsive, but at least they will not go beyond the visible content container.

BR,
ThemeBurn team
 TB Support
June 19, 2017 at 12:15 pm #59934

Great!
Works like a charm!
THANK YOU!!
 jozsiszilagyi
June 19, 2017 at 12:19 pm #59936

Glad we’ve helped, mate :)

 TB Support
June 19, 2017 at 3:21 pm #59951
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.