COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Как растянуть меню на всю страницу?


Recommended Posts

Добрый день. Нужна помощь. Есть сайт,  Версия 2.1.0.2.1, 
Все пытаюсь сместить меню по ширине но не получается. Сайт адаптивный, при корректировке процентами, растягивается только задний фон.
Может я не там корректирую, нужно вносить правки не только в stylesheet.css ?:wall:

Не судите строго с Опенкарт только начала разбираться :)

Скрытый текст

/* menu */
#menu {
	background-color: #5ba0d0;
	background-image: none;
	background-repeat: repeat-x;
	border-color: none;
	border-radius: 0px;
        min-height: 40px;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.17);    
}
#menu .nav > li > a {
	color: #FFF;
	font-size: 14px;
	text-shadow: none;
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
.dropdown-menu {
	border-radius: 0px;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #5ba0d0;
	background-image: none;
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #777;
	padding: 2px 18px;
	float: right;
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #333;
	background-color: #229ac8;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
Скрытый текст

2e6b661ca86d424e958cfbc11469c66a.png


 

Ссылка на комментарий
Поделиться на других сайтах

36 минут назад, olgalisvaja сказал:

Добрый день. Нужна помощь. Есть сайт,  Версия 2.1.0.2.1, 
Все пытаюсь сместить меню по ширине но не получается. Сайт адаптивный, при корректировке процентами, растягивается только задний фон.
Может я не там корректирую, нужно вносить правки не только в stylesheet.css ?:wall:

Не судите строго с Опенкарт только начала разбираться :)

  Показать содержимое
  Скрыть содержимое

2e6b661ca86d424e958cfbc11469c66a.png


 

 

 

Ссылка на комментарий
Поделиться на других сайтах

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу