I'm currently working on enhancing a WordPress website located at: www.muslimsocialife.com
I've developed a child theme based on the parent theme "Januas" (available at: ), and my focus is on adjusting the header to extend the navy blue color seamlessly across the entire screen, eliminating any visible white borders on the sides. However, I'm encountering difficulties in achieving this. The following code is present in my style.css file:
/*
Theme Name: januas
Description: Child Theme for januas - Muslimsocialife.com
Template: januas
Version: 1.0
*/
<head>
<style>
h1 {
background-color: #001540;
}
h2 {
background-color: #001540;
}
h3 {
background-color: #001540;
}
h4 {
background-color: #001540;
}
h5 {
background-color: #001540;
}
nav {
background-color: #001540;
}
div.menu {
background-color: #001540;
}
container {
background-color: #001540;
}
.menu ul {
background-color: #001540;
}
</style>
</head>
While the height of the header appears satisfactory, it is the width that requires adjustment in order to span the entire screen. I'm seeking assistance in identifying any errors in my approach. Can anyone provide guidance on this matter?