Как переместить элементы в header.tpl?

[Marrek]

Мне нужно переместить 4 этих элемента в другую часть экрана и выстроить друг за другом. Не могу понять как это сделать, так как в stylesheet.css их нет.

 

Вот ссылка на сайт. http://egorch88.bget.ru/index.php?route=common/home

<header>
  
  <div class="container">
 
    <div class="row">
      <div class="col-sm-4">
        <div id="logo">
          <?php if ($logo) { ?>
            <?php if ($home == $og_url) { ?>
              <img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" />
            <?php } else { ?>
              <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
            <?php } ?>
          <?php } else { ?>
            <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
           <li><a href="<?php echo $register; ?>"><?php echo $text_register; ?></a></li>
            <li><a href="<?php echo $login; ?>"><?php echo $text_login; ?></a></li>
  <li><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a></li>
    <li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_shopping_cart; ?></span></a></li>
        </div>
      </div>

[pashast]

Оберните все li  в <ul class="myheaderlist"></ul>

 

потом в stylesheet.css

.myheaderlist {
   float: right;
   /*нужные правила*/
}

Змінено 19 червня 2016 користувачем pashast

[Marrek]

 

Оберните все li  в <ul class="myheaderlist"></ul>

 

потом в stylesheet.css

.myheaderlist {
   float: right;
   /*нужные правила*/
}

Ага получилось направо передвинуть, спасибо. А чтобы один за другим сделать. Надо каждый по отдельности обернуть да?

[pashast]

Ага получилось направо передвинуть, спасибо. А чтобы один за другим сделать. Надо каждый по отдельности обернуть да?

нет конечно

 

достаточно добавить bootstrap-класс list-inline чтобы стало так

<ul class="myheaderlist list-inline">
<li></li>
<li></li>
<li></li>
</ul>

[Marrek]

 

нет конечно

 

достаточно добавить bootstrap-класс list-inline чтобы стало так

<ul class="myheaderlist list-inline">
<li></li>
<li></li>
<li></li>
</ul>

Спасибо вам огромное.