Mobility Matters

eRatex uses the Bootstrap framework to maintain a responsive design.

Be careful not to break the responsive template by improper use of content.

Example One: If you embed images into topics (or into product/category descriptions) then you'll want to wrap your images in a 'responsive class'.

In a non-responsive storefront, your HTML for an image would look like this:<img src="/folder/filename.jpg">

<img src="/imagefolder/image.jpg">

Whereas in a responsive store, you will want to use:

<img src="/folder/filename.jpg" class="img-responsive">

Bootstrap has a really good online help site here.

Example Two: If you embed tables, then you'll want to wrap your table in a 'responsive class' (or rebuild it using the Bootstrap grid, but that's a little more complicated).

In a non-responsive storefront, your HTML for a table would look like this:
   <table>
      <tr>
          <td>
          </td>
      </tr>
   </table>

Whereas in a responsive store, you will want to use:

<table class="table">

eRatex helps out by embedding the Bootstrap engine into your store, giving you complete freedom to learn about new techniques and implement them .

And why does all of this matter?