As a beginner in the world of HTML and CSS, I am currently working on customizing a Tumblr page. The template provided by the platform has been modified to include additional elements.
However, I have encountered an issue where there seems to be a gap between the navbar and the main body of the page. I'm struggling to locate the code responsible for adjusting this spacing. Can anyone point me in the right direction?
If you would like to take a look at my webpage for reference, please visit:
Below is the CSS code that I've used to position my main title and nav bar. Both elements appear correctly on the page, but I'm considering making the main title larger by using an image file. Any suggestions on how to achieve this?
.main-title {
margin: 0 auto;
padding: 0;
position: relative;
text-align:center;
top: 0;
}
.main-title li {
display: inline;
padding: 10px;
}
.main-title a {
display:inline-block;
padding: 0px;
}
.nav-bar {
border:NONE solid: NONE;
border-width:1px 0;
list-style:none;
margin: 0px;
padding:0;
text-align:center;
color: #5a5a5a;
font-size: 20px;
font-weight: normal;
}
.nav-bar li {
display: inline;
padding:0px;
margin: 0px;
}
.nav-bar a {
display:inline-block;
padding: 15px;
}