Member 14055926 Ответов: 1

Как добавить фоновое изображение в файл .nav

Пытаюсь добавить фоновое изображение креста на панель my .nav за меню.
сайт есть aelorics.com.

Что я уже пробовал:

Я попробовал несколько снипетов od css, добавив их в простой css или файл header.css. 

.x-navbar {
	background-image: url('IMAGE URL');
	background-size: cover;
}


.navbar {
   background-image: url("https://ringgeorge.com/wp-content/uploads/2017/07/Handphone-7.jpg")
}

Member 14065917

Привет,

Я не смог найти элемент в окне решения, и CSS не работает. Не могли бы вы также проверить мою навигационную панель? https://www.medaway.co.uk

1 Ответов

Рейтинг:
1

MadMyche

Вопреки своему здравому смыслу я зашел на сайт и обнаружил две критические ошибки которые являются проблемами:

1 - у вас нет элемента с классом "navbar" или "x-navbar"

<nav id="site-primary-nav">
	 <ul id="site-primary-menu" class="large-nav sf-menu mobile-menu clearfix sf-js-enabled sf-arrows" style="touch-action: pan-y;">
		  <li class="MenuJibberJabber">
		  <a class="sf-with-ul" href="/church/">Church</a><ul class="sub-menu" style="display: none;">
			   <li class="menu-item-277">
			   <a href="/ministries/">Ministries</a></li>
			   <li class="menu-item-278">
			   <a href="/sermons/">Sermon’s</a></li>
		  </ul>
		  </li>
		  <li class="menu-item-21">
		  <a class="sf-with-ul" href="/academy/">Academy</a><ul class="sub-menu" style="display: none;">
			   <li class="page-item-89 menu-item-113">
			   <a href="/">Overview</a></li>
			   <li class="menu-item-115">
			   <a href="/who-we-are/">Who We Are</a></li>
			   <li class="menu-item-114">
			   <a href="/llc-vision/">LLCA Vision</a></li>
			   <li class="menu-item-112">
			   <a href="/llca-mission/">LLCA Mission</a></li>
			   <li class="menu-item-111">
			   <a href="/applicationfees-and-dress-code/">
			   Application,Fees and Dress Code</a></li>
			   <li class="menu-item-110">
			   <a href="/curriculum/">Curriculum</a></li>
		  </ul>
		  </li>
		  <li class="menu-item-47">
		  <a class="sf-with-ul" href="/community-kids-learning-center/">
		  Community Kids Learning Center</a><ul class="sub-menu" style="display: none;">
			   <li class="menu-item-172">
			   <a href="/cklc-page/">CKLC About</a></li>
			   <li class="menu-item-171">
			   <a href="/cklc-hours-and-fees/">CKLC Hours</a></li>
		  </ul>
		  </li>
		  <li class="menu-item-38">
		  <a href="/contact-us/">Contact Us</a></li>
	 </ul>
</nav>

Я бы попробовал применить этот CSS с помощью одного из этих селекторов
nav {background-image:...}
#site-primary-nav{background-image:...}
#site-primary-menu{background-image:...}


2 - URL-адрес для фонового изображения не разрешен.

Member 14055926

Что значит "не разрешать" означает.

Member 14055926

Кроме того, я бы поместил css плюс селектор в пользовательскую часть css?