Moving Placement of Menu

That is the secondary menu. Try it with a background colour and it looks like the tope bar but under the picture.

Yes. the Secondary menu is located at the bottom of the header below the logo and primary menu. When I choose the secondary menu and put a colored background behind it shows on the top of the sitewide banner not below the sitewide banner where I would like it.
I would like the menu below the sitewide banner not below the header.

What do you mean by sitewide banner? Do you mean slider? Maybe put your sitewide banner in the header area where your logo is.

From what I understand – and I am not involved with this theme, just a user – the menus are where they are and moving them can’t really be done. All you can move is your elements.Meaning, move the sitewide banner.

The virtue theme is is what I use, hence why I posted here in the Virtue theme part of the forum.
With the Virtue theme, they have 3 placements for the menu https://docs.kadencethemes.com/virtue-free/menus/
If you look at the site I am working on, the menu is in the secondary which is below the logo and above the Sitewide banner See the site link I gave of which the post is about. the site wide banner is the lighthouse.

I was asking if there is any css that could be used to place the menu below the light house picture (sitewide banner…this is what virtue calls it.)

Hi @nsblue,
Apologies for the delay! Virtue Premium has an option to move the home slider above the header, but the free version doesn’t have this option, sorry! This css may do what you’re after:

@media (min-width: 1200px) {
nav#nav-main {position: absolute;bottom: -420px;margin: auto;width: 100%;}
.wrap.contentclass {
    padding-top: 80px;
}
}

You can paste that into your custom css box in Theme Options > Advanced Settings.
Hope it helps!

Hannah

Thank you for your reply.
I placed what you gave into the Advanced settings CSS but there is no changes. If you look at the site you will see. I even purged my cache and no changes were seen.

I know I am unfamiliar with the terms etc but in any documentation on menus there are only 3 positions and I didnt realize “slider” had anything to do with menu.

Hey,
The home slider I referred to can be found in your theme options. It’s just for the homepage though and I believe you’re wanting this across your site?
I’m actually seeing the CSS working when I view your site, though right now it only works on screens larger than 1200px. Add this CSS in addition to your previous CSS and it will apply to screens larger than 992px:

@media (min-width: 992px) and (max-width: 1200px) {
nav#nav-main {
position: absolute;bottom: -360px;margin: auto;width: 100%;
}
.wrap.contentclass {
    padding-top: 80px;
}
}

Hope that helps!

Best,
Hannah

Finally getting to your response this morning.
THANK YOU THANK YOU SOOO MUCH!!! It worked perfectly!!!

Oh good! Happy to help!

Best,
Hannah