Была задача сделать новую позицию в дефолтном шаблоне слева от логотипа, логотип поместить в центр между позициями.
Новую позицию я вывел, все работает, лого по центру, виджеты слева и справа, хотя мой код css мне кажется не грамотным.
Но это половина решения. Теперь надо в мобильной версии, чтобы левый виджет был сверху, лого по середине ниже, правый виджет еще ниже лого. Мучаюсь второй день, не получается, css знаю на начальном уровне.
Может кто нибудь подскажет как это сделать?
Новая позиция:
/templates/default/main.tpl.php
<header> <div class="widget_ajax_wrap" id="widget_pos_header_left"><?php $this->widgets('header_left', false, 'wrapper_plain'); ?></div> <div id="logo"> <?php if($core->uri) { ?> <a href="<?php echo href_to_home(); ?>"></a> <?php } else { ?> <span></span> <?php } ?> </div> <div class="widget_ajax_wrap" id="widget_pos_header"><?php $this->widgets('header', false, 'wrapper_plain'); ?></div> </header>
<table> <tr> <td> {position:header_left} </td> <td width="30%" class="filled"> {cell:LANG_PAGE_LOGO} </td> <td> </td> </tr> </table>
/templates/default/css/theme-layout.css
#logo { width: 33%; display: inline-block; text-align: center; } #widget_pos_header_left { width: 33%; display: inline-block; } #widget_pos_header { width: 33%; display: inline-block; text-align: right; }