Ширина хэдэра.

[akvariuz]

Как и где изменить ширину хэдэра, чтобы влезла еще одна категория, без всплывающего списка? pedalclub.ru

Изменено 11 ноября 2020 пользователем akvariuz

[andrewborodiy]

22 минуты назад, akvariuz сказал:

Как и где изменить ширину хэдэра, чтобы влезла еще одна категория, без всплывающего списка? pedalclub.ru

Вам уже писали, можно попробовать уменьшить внутренние отступы у пунктов меню:

.main-menu ul > li > a {
	padding: 12px 10px 9px;
}

catalog/view/theme/Fallin/stylesheet/stylesheet.css или в шаблоне если есть поле для ввода стилей из админки
 

[andrewborodiy]

И я бы рекомендовал перенести корзину в верхний блок и оставить блок меню только для меню

[andrewborodiy]

@akvariuz И обратите внимание на мобильную версию, у вас там не все хорошо в хедере.

[Romti]

34 минуты назад, akvariuz сказал:

Как и где изменить ширину хэдэра, чтобы влезла еще одна категория, без всплывающего списка? pedalclub.ru

Нужно лимит вывода увеличить.
Что за шаблон?

Изменено 11 ноября 2020 пользователем Romti

[akvariuz]

40 минут назад, Romti сказал:

Нужно лимит вывода увеличить.
Что за шаблон?

Fallin. И в оригинале там всё влезает.

[akvariuz]

53 минуты назад, andrewborodiy сказал:

Вам уже писали, можно попробовать уменьшить внутренние отступы у пунктов меню:

.main-menu ul > li > a {
	padding: 12px 10px 9px;
}

catalog/view/theme/Fallin/stylesheet/stylesheet.css или в шаблоне если есть поле для ввода стилей из админки
 

Так тут еще смысл, чтобы не было пустоты, чтобы равномерно заполнить пунктами меню до корзины. А наверх убирать корзину не хочется из-за эстетических соображений:)

[Romti]

1 час назад, akvariuz сказал:

Fallin.

 демо админка есть? =(

 

1 час назад, akvariuz сказал:

И в оригинале там всё влезает.

На сайте разработчика другая картина...

https://codezeel.com/opencart/OPC02/OPC020028/
 

Думаю, что есть настройка лимита..

Есть такой код

Спойлер

$(document).ready(function(){
	jQuery(function($){
	
		var max_elem = 5 ;
		
		if($(window).width() <=1199){ max_elem = 4;}
		
		var items = $('#menu  li.top_level');
		var surplus = items.slice(max_elem, items.length);
		surplus.wrapAll('<li class="top_level hiden_menu dropdown more_menu"><div class="dropdown-menu">');
		$('.hiden_menu').prepend('<a href="#" class="level-top">More</a>');
	
	});
});

  

 

Можете попробовать

По пути catalog/view/javascript/codezeel/custom.js

Изменить в строке 550

var max_elem = 5 ;

цифру 5 на 6

Изменено 11 ноября 2020 пользователем Romti

[akvariuz]

@Romti Спасибо! Всё получилось.