Как перенести меню сайта

[AnreiKravec]

Всем привет!

 

Opencart 2.3, дефолтный шаблон.

 

Подскажите, пожалуйста, как сделать, чтобы меню отображалось справа от логотипа. Поиск и корзину убрал, код меню в header пробовал вставлять в разные места, не получается. Приложил скрин, как должно быть (сделал в фотошопе).

 

спасибо.

 

 

[fanatic]

<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-2">
        <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 } ?>
        </div>
      </div>
        
    <div class="col-sm-10">
        <nav id="menu" class="navbar">
          <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
            <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
          </div>
          <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul id="top-menu" class="nav navbar-nav">
              <?php foreach ($categories as $category) { ?>
              <?php if ($category['children']) { ?>
              <li class="top-menu-li dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>
                <div class="dropdown-menu">
                  <div class="dropdown-inner">
                    <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
                    <ul class="list-unstyled">
                      <?php foreach ($children as $child) { ?>
                      <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>
                      <?php } ?>
                    </ul>
                    <?php } ?>
                  </div>
                  <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div>
              </li>
              <?php } else { ?>
              <li class="top-menu-li"><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
              <?php } ?>
              <?php } ?>
            </ul>
          </div>
        </nav>
    </div>
<!--      <div class="col-sm-5"><?php echo $search; ?>
      </div>
      <div class="col-sm-3"><?php echo $cart; ?></div>-->
    </div>
  </div>
</header>

 

[AnreiKravec]

Спасибо получилось, но сейчас меню поверх логотипа.

 

Скрин 1.

 

Как сделать, чтобы меню заканчивалось на последней ссылке в меню, т.е. после "Планшеты" и располагалось в правой части шапки.

 

Скрин 2.

 

Попробовал в файле style.css в menu добавить float: right , т.е. так:

#menu {
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    min-height: 40px;
     float: right;
}

Все получается как мне надо, но при просмотре через телефон, т.е. с небольшим экраном получается не очень.

Скрин 3.

По дефолту должно быть так:

Скрин 4

Подскажите, пожалуйста, как правильно сделать.

[AnreiKravec]

Могу оплатить если кто нибудь подскажет как сделать.