Moved secondary menu but it left the box behind-executive pro-need to erase box

[michelefree]

Hi. I am working in Executive Pro child theme.

I made a secondary menu that appears on top of the slider, under the primary menu.

I added the secondary to home-top, but all I got was text, so I removed it. The menu as I want it is sitting atop the slider.

I moved it down to where I want it, but the box that held it is still on top of the slider--a big empty space--and the CTA does not move down, it doesn't know the secondary menu is there.

How would you recommend I change this to look right? I want the secondary menu boxes sitting on the bottom of the slider, overlapping a bit, like they are. But then I want the CTA to come later, so we can see the whole thing. I, of course, do not want the empty box that held the secondary menu to stay on top on the page.

I want to do this as simply and "elegantly" as possible; I don't want to develop spaghetti code in the CSS file.

So I'd like it like this:

Utility Bar
Header Left, Header Right (which I haven't done yet)
Slider (with no gap above it) and with enews on the right (haven't tried this yet, either)
Secondary Menu boxes overlapping slider
CTA below secondary menu, not under!

All help appreciated! http://wordpress.frontrangecommercial.net.

Here is a link to my css file: http://wordpress.frontrangecommercial.net/wp-content/themes/executive-pro/style.css

[Victor Font]

As your secondary menu is positioned now, it sits outside of the content area. The slider is inside the content area. You need to create an extra widget area and position it between home-slider and home-cta. Once the widget area exists, use the custom menu widget to position the secondary menu.

Can't tell why you have a gap at the top until you move the menu.

The steps to add the widget area include:

1. Register widget area in functions.php
2. Add widget area to front_page.php
3. Style area

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[michelefree]

Hi! Thanks so much for your response.

I followed your directions, and again, I get a stupid text menu under the slider (the same thing that happened when I put the Secondary Menu in the top-menu widget using the Custom Menu widget). The secondary menu I want remains Above the Slider and Under the Header.

I don't know what I did to make this happen. I am sooo confused!

[michelefree]

I await your response. I've been working all day trying to figure out the secondary menu.

If I put the secondary menu as a location in secondary menu in the Appearance-Menus location, the menu is styled as I want it, like this:

If I add the secondary menu to the widget home-top or menu-under-slider (which I created from your comment), the menu looks like this (totally unstyled):

What I want is the styled menu from the first image in the place of the unstyled menu from the second image. I don't understand how the secondary menu appears styled in it's normal place and unstyled when I move it. Obviously, I've done something very wrong.

Here is my style sheet: http://wordpress.frontrangecommercial.net/wp-content/themes/executive-pro/style.css

As I said, I await your reply. Thank you so much for answering me!

[Author]

Posts