Community Forums › Forums › Archived Forums › Design Tips and Tricks › Moved secondary menu but it left the box behind-executive pro-need to erase box
- This topic has 3 replies, 2 voices, and was last updated 8 years, 8 months ago by michelefree.
-
AuthorPosts
-
August 25, 2015 at 2:16 pm #163476michelefreeMember
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
August 26, 2015 at 5:37 am #163551Victor FontModeratorAs 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?August 26, 2015 at 9:34 am #163573michelefreeMemberHi! 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!
August 26, 2015 at 3:13 pm #163620michelefreeMemberI 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!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.