I'm having trouble getting a full-sized background image to display below my navigation bar. Currently, it's only partially covering the background image.
I attempted to follow this guide on Adding a background image just below the navigation bar but it didn't make any difference for me.
My CSS code is as follows:
body {
margin: 0;
background: #353535;
font-family: 'Work Sans', sans-serif;
font-weight: 800;
background-image: url(imageabc.png);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
The navigation bar is located within the body of my HTML code:
<body>
<header>
<div class="container">
<img src="imagebcd.png" alt="logo" class="logo"> <!-- logo image src -->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
</body>
Can someone please assist me in figuring out what I might be overlooking here?