Mobile view error – info

ThemeBurn SupportForumsOpenCart ThemesPavilion OpenCart ThemeMobile view error – info

This topic has been marked as resolved.


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 – please feel free to check it out! Or just check this product to see what is the problem:

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!


May 30, 2017 at 10:47 am #59469


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">



ThemeBurn team

June 1, 2017 at 10:30 am #59535

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?


June 12, 2017 at 9:12 am #59776


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:

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

ThemeBurn team

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?

June 13, 2017 at 12:40 pm #59849


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.

ThemeBurn team

June 19, 2017 at 12:15 pm #59934

Works like a charm!

June 19, 2017 at 12:19 pm #59936

Glad we’ve helped, mate :)

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.