Move Menu/Navigation Bar Below Header Image Misty Lake Theme

Hi there!

I would try cutting and pasting the nav portion of the header under <img src=…alt> just above </div> to see if that works.

The text below seems part of the image, so your nav menu would be below the text, if that works.

Warm regards,
Linda Sue

Thank you for the response. Yes, the text is part of the header graphic. I found the <img src=…alt> however, there is more than one </div> in the code. Can you be more specific exactly where I paste the <img src=…alt>? I keep moving it around to the different </div>, but can’t seem to get it to work.

This is my original Header PHP CSS Code (hopefully I did the Pastebin thing correctly): <script src=”https://pastebin.com/embed_js.php?i=3nmwTnXi”></script&gt;

Thanks again.

(Sorry, our internet seems to have routers out along the west coast and email/browsers all going dead for large portions of the day lately. Slow response from me.) I’ve been hoping you’d try the nav line (18) pasted directly beneath the <img src= …theoilessentials… after < / a > and before </div> , make a new line and insert it there? Haven’t been able to try it myself, so very curious if there’s more than the nav line needed. (I was poking in your online code with the Chrome browser Inspect Elements feature. Not familiar enough with it to use the temporary changes option yet.) P.S. My avitar should be labeled Newbie Member, not the expert you hoped for.

Edit: that should have read line 38, not 18

Line 38 through 43 is the whole nav portion I mentioned in my first post when I suggested you try moving that whole portion into the area specified below the code referencing the image source(theoilessenttials image code). I believe you have to move it all, not just line 38.
Ok, I’ve sort of spammed you, so, let me know, eh?

Sarah, I finally got to try out my plan on Codepen.io to see the effect in real life. I used the line numbers from your homepage’s source code instead of the line numbers from your posted header code. The results shown are successful at moving the nav menu under the image, but the padding and contact areas now need your attention if you make the move. From the source code, I moved lines 361 through 366 and pasted them after line 374. See saved here: https://codepen.io/LS333/pen/rOPWjr?editors=100.

The menu/navigation bar has been moved below the image.

Thanks much for the reply. I tried after your previous responses, but after a few hours gave up because I got so frustrated lol! I’ll give this last response a try this next week and let you know if I could get it to work. Thanks again!

Sarah