Имеется модификатор на то, чтобы выводились картинки подкатегорий. Опенкарт 2.3
<modification>
<name>Подкатегории с картинками</name>
<version>1.0</version>
<code>Subcategory-Images</code>
<author>opencart2x.ru</author>
<link>https://opencart2x.ru</link>
<file path="catalog/controller/product/category.php">
<operation>
<search index="0"><![CDATA[
$data['categories'][] = array(
]]></search>
<add position="replace" offset="3"><![CDATA[
if ($result['image']) {
$image = $this->model_tool_image->resize($result['image'], 170, 170);
} else {
$image = $this->model_tool_image->resize('placeholder.png', 170, 170);
}
$data['categories'][] = array(
'name' => $result['name'] . ($this->config->get('config_product_count') ? ' (' . $this->model_catalog_product->getTotalProducts($filter_data) . ')' : ''),
'href' => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '_' . $result['category_id'] . $url),
'thumb' => $image
);
]]></add>
</operation>
</file>
<file path="catalog/view/theme/*/template/product/category.tpl">
<operation>
<search index="0"><![CDATA[
<?php if ($categories) { ?>
]]></search>
<add position="replace" offset="25"><![CDATA[
<?php if ($categories) { ?>
<div class="col-sm-12">
<div>
<h3><?php echo $text_refine; ?></h3>
</div>
<div style="text-align: center;">
<div class="row">
<?php foreach ($categories as $category) { ?>
<div class="col-sm-2 col-xs-6" style="height:200px; width:200px;">
<div><a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['thumb']; ?>" alt="<?php echo $category['name']; ?>" /></a></div>
<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
</div>
<?php } ?>
</div>
</div>
</div>
<?php } ?>
]]></add>
</operation>
</file>
</modification>
В компьютерной версии выводится все хорошо. А в мобильной версии не центрируется, подскажите как можно центрировать вывод в мобильной версии