You are great, thank you very much!

Please one last question. Can you guide me or tell me how to change the link All Events into “Alle Veranstaltungen”, since the site is in german?

Best Regards
Asterios

Hi Joshue,

yes here it is.

That worked fine!

Thank you all for the great support and your will to help.

Best Regards
A. Georgiou

Sorry Dake, it didn´t change anything.
Any other ideas…?

Hey Andy,

it´strange that you don´t see the icons on the first screenshot. The are next to “Home” – “Aktuelles” etc…

Anyway, the code works of course but the whole thing has changed after the last update.
The icons in the mobile menu were bigger and easier to read and still looked nice if I put them in a page as a menu.
I wish, I could still show you how it used to be… Now you can mark the topic as solved.

Thank you all for your help
Asterios Georgiou

Hi Yigit,

the code works fine, thank you for that.
BUT, if I use the same menu with the icons as a “fullwidth Sub Menu”, the icons appear too large.
The propotions are not anymore equal and the result is a bit ugly.

I used to have the icons in 20px and now I brought them to 30px in order to make them bigger for mobiles.
Is there any other solution to work as it used to be before the update? It worked fine then.

Thank you for your efforts all of you.
Asterios Georgiou

Hey Yigit!

Sorry this doesn´t work.

What happened after the last big update? I used to be able to choose any colour for the icons.

Greetings
Asterios Georgiou

Hi Elliot,

thanks for the reply but it still doesn´t work and I had to delete the code provided by Josue in order to be able to login.
I will write the steps I have followed, you might find my mistake:

1. Created a Child theme

2. In avia.js
var menu = header.find(‘.main_menu ul:eq(0)’);
if ( header.find(‘.main_menu_responsive ul:eq(0)’).length != 0 ) { menu = header.find(‘.main_menu_responsive ul:eq(0)’); }
var first_level_items = menu.find(‘>li’).length,

3. In functions.php
avia_nav_menus(); function avia_nav_menus() { global $avia_config, $wp_customize; $avia_config[‘nav_menus’] = array( ‘avia’ => array(‘html’ => __(‘Main Menu’, ‘avia_framework’)), ‘avia2’ => array( ‘html’ => __(‘Secondary Menu <br/><small>(Will be displayed if you selected a header layout that supports a submenu here)</small>’, ‘avia_framework’), ‘plain’=> __(‘Secondary Menu – will be displayed if you selected a header layout that supports a submenu’, ‘avia_framework’)), ‘avia3’ => array( ‘html’ => __(‘Footer Menu <br/><small>(no dropdowns)</small>’, ‘avia_framework’), ‘plain’=> __(‘Footer Menu (no dropdowns)’, ‘avia_framework’)), ‘avia_responsive’ => array( ‘html’ => __(‘Responsive Menu <br /><small>(If set will replace your main menu on mobiles)</small>’)) ); add_theme_support(‘nav_menus’); foreach($avia_config[‘nav_menus’] as $key => $value) { $name = (!empty($value[‘plain’]) && !empty($wp_customize)) ? $value[‘plain’] : $value[‘html’]; register_nav_menu($key, THEMENAME.’ ‘.$name); } } add_action( ‘ava_after_main_menu’, ‘enfold_customization_add_responsive_menu’ ); function enfold_customization_add_responsive_menu() { echo “<nav style = ‘display:none;’ class=’main_menu_responsive’ data-selectname='”.__(‘Select a page’,’avia_framework’).”‘ “.avia_markup_helper(array(‘context’ => ‘nav’, ‘echo’ => false)).”>”; $avia_theme_location = ‘avia_responsive’; $avia_menu_class = $avia_theme_location . ‘-menu’; $args = array( ‘theme_location’ => $avia_theme_location, ‘menu_id’ => $avia_menu_class, ‘menu_class’ => ‘menu av-main-nav’, ‘container_class’ => $avia_menu_class.’ av-main-nav-wrap’.$icon_beside, ‘fallback_cb’ => false, ‘walker’ => new avia_responsive_mega_menu() ); wp_nav_menu($args); echo ‘</nav>’; }

4. Created a “js” folder in my Child theme and inserted the avia.js file with the changed code.

Now, if I use the code Andy/Josue gave me in order to avoid changes caused by a theme update, the site turns white and nothing works.
Plus I don´t have a different mobile menu!
Sorry but I can´t find the solution to the problem.

Thank you again
Asterios Georgiou

YES! This works.
Thank you all for the support.

Best regards
Asterios

Hi Ismael,

thanks for the support but I can´t get it work yet.

When I insert the code like this:

[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='000000000' linktarget='' size='20px' position='center' color='#000000'][/av_font_icon]
the link doesn´t work.

If I insert the code in the URL, then it disappears after saving the menu.

I am sorry but I don´t know where to insert that code you sent me.
Could you help me a bit more with that?

Best Regards
AG

It did work, thanks a lot!
May I ask you something else?

I could instead use the option of the “responsive menu” Enfold has.
I want to use in the responsive menu the “Telephone-Icon” which will actually be a link.
How can I make a telephone number/Icon clickable?

Thank you so much for your support.
AG

• This reply was modified 9 years, 10 months ago by Asterios.

Hi Josue!

Thank you for your fast reply.

The code does hide the menu links but I still have to hide the header as well.
Do you see any possibility to do that?

Regards
AG

Hi again,

well that can close the topic for me.
Thank you all for your support.

Best Regards
AG

Hello again,

I just tried the fix from Kriesi but it didn´t work.
Any other suggestions?

Best regards
AG