Thanks Vinay for that idea. What I’m really trying to do has to do with the face that there is a top right menu box on mobile/small screens that replaces the white upper menu. I want the green lower submenu items to also be listed in the existing top right menu box the same way that the white upper menu items are already. Is that possible?

Thanks, I think I’ve got a solution using the Custom Menu widget.

Also, how can I control the page titles that display? I’d like shorter names to show.

3. Why should the main menu About item be changed? The issue is that the entire green submenu does not show as links in the mobile navigation box. Please see the three screen captures.

1. So you want me to paste into the child theme footer.php? This doesn’t make sense to me. Please read your January 6, 2017 at 10:22 pm comment for #1.

3. How is this done?: “make the actual about page a subpage.” The submenu has 4 links, plus 3 sublinks. These need to show in the top right menu box that displays only on small devices.

1. Is your code sample a special code that I can change now and that means I don’t have to change the code at launch time, or is it just showing me an example of code that I will need to change at launch time?

2. Perfect! Thanks!

3. On mobile, there is a different nav box in the top right corner. The submenu items do not show in it. They need to be there for easy access.

Thank you, getting there!

1. The urls are for the dev server so they will break when the site is launched. How can it be changed so that this doesn’t happen?
2. The background is white but should be green. The separator bars are blue but should be white. How is this fixed?
3. The menu items don’t show in the mobile menu. What can be done about that?

Thanks, like I said, the debug code is already in the functions.php. Regarding the submenu code, I don’t know where to put it exactly. It needs to automatically display on all pages with the footer.

[av_submenu which_menu='' menu='57' position='center' color='main_color' sticky='aviaTBsticky' mobile='disabled']
[av_submenu_item title='Menu Item 1' link='' linktarget='no' button_style='']
[av_submenu_item title='Menu Item 2' link='' linktarget='no' button_style='']
[/av_submenu]

Thanks.

Thank you very much. Enfold is an awesome theme that keeps getting better, and support is great.

Thanks, I figured out the css. This is resolved.
#top .sub-menu {
background: #0ddddf !important;
}

No this does not help. I’m aware of these solution. My menu is not overlapping the logo.

Ah, so simple. Thanks!

For further clarification, the problem is now that the headline is too low at least on:
Mac OSX 10.9.5 using Safari 9.1.3.