Need to move navigation menu

.header-image {
    margin-top: 95px;
}

add that to your themes CSS or under one of these two places:
Appearance >> Customize >> Additional CSS
Appearance >> Customize >> Custom CSS

Some themes have both of the areas under customize…others only have one. If you theme has both it can go under either one.

In the WordPress Dashboard, navigate to the Menu’s section. I believe your Menu ‘may’ be set as a secondary menu instead of a primary menu. If so, you you can either:

Create a primary menu and re-add your links to it. Then remove the secondary menu.
Or
Use the menu you have already created but set the location as the primary location (Which by default is usually below your header image – depending on your theme)

Let me know how it goes or if you need any further help…

??

@dayley I think you misunderstood the issue. It is very clear that the menu is not functional because the header image is overlapping it. Even without looking at the code in developer tools I was about to see that it was a CSS issue not a question of which menu was being used.

No, I believe I do understand the question correctly. If I open the link @askteetravel provided I can see the menu does sit behind the header image, and even more so on mobile. But rather than relocating the menu and tampering with the theme that she is using, it would be a better solution to not use this Menu “if” this is the secondary menu being used and she could simply use the primary menu located under the header which not only would have the location she requires but may also resolve the menu from being being set behind.

As the saying goes “Why fix something if it isn’t broken”.

What theme are you using @askteetravel ?

• This reply was modified 6 years, 4 months ago by dayley.
• This reply was modified 6 years, 4 months ago by dayley.

did you look at the code in developer tools @daylay?

Because when I reviewed it yesterday before replying it looked to me like the menu in question was the primary menu. that’s why I provided the solution I did.

I’ve been working with WordPress since 2006 I know what parts of the code to look at before providing a solution.

I am not trying to compete with who has been developing the longest, I am trying to provide a potential solution to the problem. Hence why my comment states ‘may’ be set as a secondary menu.

.header-image {
margin-top: 95px;
}

This would push the header image downwards from the top by 95 pixels, correct?
This is not what the question asks. In reference to the menu she stated:

I would like for it to be below the header image.

Which implies she would like the menu moving below the header image. The header image itself need not move.

• This reply was modified 6 years, 4 months ago by dayley.

I’m competitive. Wasn’t intending to compete in experience!!! Sorry.

What I believe you’re missing is this…
using developer tools and reviewing the code/theme I was able to determine that: the code from the original theme was modified to accommodate for the header image… therefore the image needs to be moved using css.

Oh well In that case I am 31 and been programming In one language or another since I was around 13, and have a degree in Computer Games Development (C++) and have a background in Basic, Visual Basic, Dark Basic, Java, and C++. For web developing: HTML, CSS, JavaScript, PHP.
??

But as most people have very basic knowledge in web development it is often better to provide the easiest solution as you will already know.

If the theme code has been modified to accommodate a header image, I would have just recommended using a theme that already has a header image in place to be honest. There are a million and one themes out there to choose from, many for free!

Creating something that has already created

. It’s like building a cup from pot every time you are thirsty instead of grabbing a cup from the cupboard. But anyways, it would be great if we could have a reply from @askteetravel for confirmation if any of the solutions fixed the problem ??

it’s a lot easier and much more friendly to suggest a CSS fix that moves the header image down 90-100 px.

think about it. WordPress controls nearly one third of the internet if not slightly more at this point. Most people with WordPress websites would prefer to be given a CSS fix over being told to change themes.

Why is one third of the internets websites built using WordPress? Because it is a simple solution for people who have no knowledge or a small amount of knowledge of web development! Not because they would rather be given a CSS fix?! That’s ludicrous.

Yes it’s true that it would be far more friendly to suggest a CSS fix, but only to someone who knows how & what they are doing. But that being said, the majority of people already have an idea how they want their website to look before they start to edit anything. Which I am sure included something as big as a header image from the very beginning. So, the appropriate thing to do would be to look for a theme with a header image implemented, and that has the menu ‘look & feel’ that you are looking for. Which you can always fine tune & tweak it to how suits you best.

Lets say you are wanting to buy a car. You already have an idea of what car you are going to buy… And you would expect it to have a full set of wheels and a steering wheel! This you have already decided before going car-hunting. This is your website idea. You already know what it is going to look like. Then comes the car-hunting aka theme-hunting. If you find the perfect car/theme, then you fine tune, selecting the colour(s) of your choice for example.

Choosing a car with 1 wheel missing and no steering wheel seems pretty silly. As does choosing a theme with an inappropriate header image, or no header image at all. Because then you have to go car part hunting/code snippet hunting to fix the problem.

So, my advice remains.

1. Idea.
2. Theme Shopping.
3. Fine Tune & Tweaking.

You misunderstood the point of me giving the statistic. The statistic actually was a completely different point.

My point was this:

People already have a working website except for one issue….
Will they change the theme? Very unlikely.
Will they implement a CSS fix? Very likely.

• This reply was modified 6 years, 4 months ago by Davood Denavi.

I am not stating people should change the entire theme because of one little issue.
I am stating to choose the correct theme in the first place eliminating the need to amend.

That right there is where your methodology for providing support here on WP.org is flawed….

If they come here it is one little problem with an already functional site so changing the theme is not something they will be very likely to consider!

I would suggest you look at the code of the website in question before providing feedback in the future.

• This reply was modified 6 years, 4 months ago by Davood Denavi.

Your comment is flawed.
If people chose the correct type of theme they require and followed the three steps I posted above then they wouldn’t need to navigate to WP.org to find out how to edit their site to a completely different look in the first place!

Like I stated before; Idea, Theme Shopping, Fine Tuning & Tweaking.

If you have an idea, and then choose ANY theme that is unsuitable, then yes… your going to find the need to go to WP.org to ask people how to completely alter the theme to suit your needs.

It is a VERY simple blog theme, which I’m 100% sure there are thousands of free blog themes that have a full width header image and a menu below. I’ve no doubt about that. Choosing any one of them ‘would have’ prevented this user from navigating here and asking this question, true??

As a developer, I agree with what you’re saying whole heartedly… However this is called a support forum, not a consulting forum. The theme is/was already chosen and they’re asking for support with the theme they’re already using. It is best to look at the site in question before providing a fix.

I’m done replying to this unless @askteetravel has further questions. I hope you understand where I’m coming from. I’ve replied over 750 times on this profile and been developing websites for nearly 20 years. This is a support forum not a consulting forum. People come here looking for the quickest fix and to provide the best (most accurate) fix reviewing the website in question using developer tools is your usually best bet.

• This reply was modified 6 years, 4 months ago by Davood Denavi.
• This reply was modified 6 years, 4 months ago by Davood Denavi.