Thanks Andy, that tab colour works now. I guess i would need to change the tab heading colour next and possibly resize height of the tabs.

How would I go about customising this accordion? so that all the tabs with each of the enfold elements work together?

Would it be best to use a plugin? any suggestions? I’ve searched everywhere for a plugin that can work in this way, but I’ve found nothing. This is the reason why I stuck with the enfold accordion. Hoping that it would work.

Thanks inadvance to the Kriesi support team.

Regards,

Hi Dake,

Thank you for replying. I tried the CSS, but the search icon ends up under the TopBar. I can only see it if I remove the TopBar background color. I also end up with the gap on the right of the menu. This is not ideal.

I then had a look at the functions.enfold.php file and found the add filter:
add_filter( ‘wp_nav_menu_items’, ‘avia_append_search_nav’, 10, 2 );

I found no more useful info in header.php

When I comment that out the search icon is removed, but I cannot find the header_meta file to try and append the search icon to that. What filter variable can I use in this same way to append the search icon to the topbar phone number?

I looked at the link you supplied regarding the add icon to menu, but in this case I want to add a .jpg or .png – small flag to send users to the other language version of the site. Can I add html in the navigation label?

Thanks for the help.

• This reply was modified 10 years, 8 months ago by mediax2014.

Please, I did the following, but i am still not seeing the search box in the header:

1. I added the following the the bottom of the child theme functions.php file:

add_action( ‘ava_after_main_menu’, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}

2. I went to appearance —> widgets and created a widget area called “header”
3. I added the search widget in the header widget area
4. I added the following CSS code to the QuickCSS

#header .widget {
left: 50%;t
padding-top: 0;
position: absolute;
top: 0;
transform: translate(-50%);
}

Please, kindly assis

Dear Support,

Please, I am now trying to put your search icon now on the right hand side of the header above the mega menu on a client’s website.
I could not find “wp_nav_menu($args);” in header.php. I found it in includes/helper-main-menu.php of the enfold child theme i used for the uber menu. But, after I put the code “get_search_form();” just below “echo ‘</nav>’;” and added your recommended CSS code to the Quick CSS, the search box is not displaying in the header above the menu; it is displaying below the header menu in the slider position.

Please kindly assist

Regards,

Emin

After more and more research I found out why we talked on different tracks. The “wand icon” that is displayed on your screenshot does only show up if you use the standard editor. As soon as you switch to the extended layout-editor the “wand” looks much less extended. For example there is nothing like a “table option” anymore. I only see “Button”, “Fullwidth Button”, “Separator/Whitespace”, “Icon” and “Mitteilung” (Message). Nothing else.

I am not sure wether you are aware of this fact, but if, it would make sense to inform Enfold-users about that speciality. It would safe a lot of time – both sides.

Anyway, it took a little longer than necessarry, but my problem is solved now. Thank you for your help.