Okay, I managed to:
-change the background colour of the site-header-main area,
-add a soliloquy slider (thanks to Barbi Atkinson at Soliloquy),
-and move the menu above that.
I have pasted my header.php here. Hopefully this is helpful. https://pastebin.com/hYG77gRM
Now I am trying to centre the nav menu within the site-header-main space.
Maybe just add an align to the div?
Go from this:
<div id="site-header-menu" class="site-header-menu">
to this:
<div align="center" id="site-header-menu" class="site-header-menu">
It just may be that simple?
Thanks for your reply nahtee! I used this css and it worked:
‘#site-header-menu {
margin-left: auto;
margin-right: auto;
}’
Of course, after that I changed my mind and moved it back to the left beside the logo. To do that I used this css:
‘#site-header-menu {
background-color: #329998 !important;
margin-left: 10px;
margin-bottom: 4px;
font-size: 18px;
border-bottom: 2 px solid #ffffff;
}’
Glad you’re all good! I would’ve given you that CSS option (and maybe I should’ve), but it seems like every time I post a CSS solution, the OP wants to mess with the code instead. LOL