Ширина подменю: Как такое возможно?!?

[Dimmuss]

Такая ситуёвина: 

Три пункта с выпадающим меню. Только в одном фиксируется ширина по пункту, из которого оно выпадает. Как такое возможно?!?

Файл menu.twig

Спойлер

{% if categories %}
  <nav id="menu" class="navmenu">
     <div class="menu-header">
        <span class="text-category">{{ text_category }}</span>
         <button class="toggler"><span class="icon"></span></button>
     </div>
      <ul class="menusn">
        {% for category in categories %}
        {% if category.children %}
        <li class="drop-click"><a href="{{ category.href }}" onclick="return false">{{ category.name }}<i class="material-icons">keyboard_arrow_down</i></a>
          <div class="drop-nav">
            <div class="dropdown-inner"> <!--{% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}-->
              <ul class="dropmenus">
                {% for child in children %}
                <li><a href="{{ child.href }}">{{ child.name }}</a></li>
                {% endfor %}
              </ul></div></div>
              {% endfor %}
              <!--<div class="see-all-block">
            <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a></div> </div>-->
        </li>
        {% else %}
        <li><a href="{{ category.href }}">{{ category.name }}</a></li>
		{% endif %}
        {% endfor %}
		<li><a href="{{ special }}">{{ text_special }}</a></li>
		<li><a href="{{ manufacturer }}">{{ text_manufacturer }}</a></li>
		<li><a href="{{ contact }}">{{ text_contact }}</a></li>
		
		<li class="drop-click" ><a href="{{information.href }}" onclick="return false">{{ text_information }}<i class="material-icons">keyboard_arrow_down</i></a>
		<div class="drop-nav">
		<div class="dropdown-inner">
        <ul class="dropmenus" >
        {% for information in informations %}
          <li><a href="{{ information.href }}">{{ information.title }}</a></li>
          {% endfor %}
            </ul></div> </div>
        </li>
		
		
	 </ul>
  </nav>
{% endif %} 

 

menu.php

Спойлер

<?php
class ControllerCommonMenu extends Controller {
	public function index() {
		$this->load->language('common/menu');

		// Menu
		$this->load->model('catalog/category');

		$this->load->model('catalog/product');

		$data['categories'] = array();

		$categories = $this->model_catalog_category->getCategories(0);

		foreach ($categories as $category) {
			if ($category['top']) {
				// Level 2
				$children_data = array();

				$children = $this->model_catalog_category->getCategories($category['category_id']);

				foreach ($children as $child) {
					$filter_data = array(
						'filter_category_id'  => $child['category_id'],
						'filter_sub_category' => true
					);

					$children_data[] = array(
						'name'  => $child['name'] . ($this->config->get('config_product_count') ? ' (' . $this->model_catalog_product->getTotalProducts($filter_data) . ')' : ''),
						'href'  => $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id'])
					);
				}

				// Level 1
				$data['categories'][] = array(
					'name'     => $category['name'],
					'children' => $children_data,
					'column'   => $category['column'] ? $category['column'] : 1,
					'href'     => $this->url->link('product/category', 'path=' . $category['category_id'])
				);
			}
		}
		$this->load->language('common/footer');

		$this->load->model('catalog/information');

		$data['informations'] = array();

		foreach ($this->model_catalog_information->getInformations() as $result) {
			if ($result['bottom']) {
				$data['informations'][] = array(
					'title' => $result['title'],
					'href'  => $this->url->link('information/information', 'information_id=' . $result['information_id'])
				);
			}
		}

		$data['contact'] = $this->url->link('information/contact');
		$data['return'] = $this->url->link('account/return/add', '', true);
		$data['sitemap'] = $this->url->link('information/sitemap');
		$data['tracking'] = $this->url->link('information/tracking');
		$data['manufacturer'] = $this->url->link('product/manufacturer');
		$data['voucher'] = $this->url->link('account/voucher', '', true);
		$data['affiliate'] = $this->url->link('affiliate/login', '', true);
		$data['special'] = $this->url->link('product/special');
		$data['account'] = $this->url->link('account/account', '', true);
		$data['order'] = $this->url->link('account/order', '', true);
		$data['wishlist'] = $this->url->link('account/wishlist', '', true);
		$data['newsletter'] = $this->url->link('account/newsletter', '', true);

		return $this->load->view('common/menu', $data);
	}
}

 

 

Помогите пожалуйста, кто объяснит?

Все классы .css сделал одинаковые, вроде. Или мне так только кажется?

Змінено 15 липня 2019 користувачем Dimmuss

[Dimmuss]

Профи, вы где?

[mazein]

В 15.07.2019 в 18:23, Dimmuss сказал:

Только в одном фиксируется ширина по пункту, из которого оно выпадает. Как такое возможно?!?

 

Стили нам самим придумывать?

Или гадать надо?

[Dimmuss]

stylesheet.csscss.zip

[Dimmuss]

Решение так и не нашел

Есть идеи у кого?