reduce space between navagation bar and the body of the site

Can you post a link to your site?

https://www.vkindustries.co

You have an error in your CSS. It should be:

padding: 5px 0;

From what I can see, though, it is applying to all pages on your site.

Thanks for your help Stephen. However it is not applying it to all the pages on the site. scroll between the home page and any other page back and forth and you will see the difference.

Ah, I see what’s happening. If your theme has a built-in custom CSS option, use it; otherwise, get a custom CSS plugin and put:

div#breadcrumbs {
display: none;
}

Even though <div id="breadcrumbs">...</div> is empty, it’s still taking up a bit of space.

Ok I downloaded Simple Custom CSS. I entered it into the custom css, and nothing happened.

Clear your browser’s cache. You will see the gap reduced. If you don’t then we aren’t looking at the right place and you’ll need to clarify what exactly you’re referring to.

Actually it worked, i just had to refresh the browser. Thank you.

Is there a way to move it up more? Closer to the black line?

#st-content-wrapper {
margin-top: -15px;
}

For this to work effectively, though, you should remove the inline styling on the element:

<div id="st-content-wrapper" style="background-color:#ffffff; color:#4747e5;">

Where do I enter?

#st-content-wrapper {
margin-top: -15px;
}

and

<div id=”st-content-wrapper” style=”background-color:#ffffff; color:#4747e5;”>

If you look at the website now there is a white line going though the black bar. How do I fix this?

Ok i deleted the code from the custom CSS and the white line went away.

I entered both the codes into the custom css.

Please let me know how to proceed.

Sorry, I was unclear. The second line (<div id...) is probably in your theme’s PHP files, and to remove the white line you should remove the part that reads’style=”background: #ffffff…”‘, possibly using a child theme.

Okay, I’m back on my laptop now. Here’s something that might be even easier. Since you don’t appear to be using the “Call To Action” widget area, you could hide that and push the content even closer to the top:

Delete this:

#st-content-wrapper {
margin-top: -15px;
}

And use this instead:

#st-cta-wrapper {
display: none;
}

I am unclear as to where I can find.

#st-content-wrapper {
margin-top: -15px;
}

I am in the php files and not sure where it is. These are the choices:

Front Page Widgets Only Page Template
(templates/front-page-widgets.php)
Page Centered Page Template
(templates/page-centered.php)
Page Full Width Content and Widgets Page Template
(templates/page-full-width-widgets.php)
Page Full Width Page Template
(templates/page-full-width.php)
Page Left Sidebar Page Template
(templates/page-left-sidebar.php)
Page Right Sidebar Page Template
(templates/page-right-sidebar.php)
Styles
Stylesheet
(style.css)
Visual Editor Stylesheet
(editor-style.css)

Documentation:

404 Template
(404.php)
Archives
(archive.php)
Author Template
(author.php)
Category Template
(category.php)
Comments
(comments.php)
Footer
(footer.php)
Theme Functions
(functions.php)
Header
(header.php)
Image Attachment Template
(image.php)
custom-header.php
theme-customizer.php
Main Index Template
(index.php)
Page Template
(page.php)
content-aside.php
content-image.php
content-none.php
content-page.php
content-quote.php
content-single.php
content-status.php
content.php
Search Results
(search.php)
Search Form
(searchform.php)
sidebar-front.php
sidebar-left.php
Sidebar
(sidebar.php)
Single Post
(single.php)
Tag Template
(tag.php)
Front Page Widgets Only Page Template
(templates/front-page-widgets.php)
Page Centered Page Template