Oke, I found the solution myself: I am building this new website on a subdomain and on the main domain Wordfence security was blocking the iframe!

So I whitelisted the action in Wordfence in the main domain, and now it’s working on the subdomain too!

However, that leaves me with one question: can I use the Google Maps iframe code without an Google Api key and without paying for it? It seems the answer is yes, because it is up and running now. But I am confused, because I read a lot of stuff about having to use the Api key?

Anyone can clear that up for me?

Hello Vinay,

So what you basicly are saying is that this issue can not be solved and I am not able to use the automatic update function in Enfold…?

Oke, I will send then now.

Hi Jordan,

Yes, I placed in to the very top of my custom child theme css file.

But it does not work..

Regards,
Alwin

Thank you Rikard,

The white box is smaller now but still not gone…

• This reply was modified 5 years, 6 months ago by Alwin.

Hello Jordan, how can I upload a screenshot? Don’t see any option for that?

Hello, I still have the same question :)

I am using a child theme and when I upgrade a new Enfold version I use the FTP method.

In the instructions I read that I have to delete the complete Enfold map and then upload the new Enfold map. Is that really the only way or can I just overwrite the old files with the new files?

Did you get last message?

Thanks,
Alwin

Hello,

I think I am not using the LayerSlider at all. Can you please check http://www.online-hrm-tools.nl ? Can you confirm me that I am not using LayerSlider functionality?

I am asking this because I want to remove the LayerSlider plugin if I am not using it!

I am getting messages that the LayerSlider plugin must be updated but it is not listed in my plugins page so how can I update this plugin then?

And how can I remove the plugin?

Thank you.

Alwin

Hello my friends from Kriesi, is anyone going to help me with this please? Thank you!

Thank you Yigit. So I know now that it has nothing to do with the Enfold theme. I am going to try find the issue that is creating this problem somewhere else in my settings.

So if I understand it correctly then in the Text editor it is possible to change some HTML code.
And it is possible to add HTML code?

But it is not possible to add js code?

Hello Vinay,

Thank you. Just to be sure before I mess up the site. This is how my style.css in my child theme looks like now:

/*
Theme Name: Enfold Child Theme
Theme URI: http://www.online-hrm-tools.nl
Description: Child Theme for online-hrm-tools
Author: Optiion Webdesign Groningen
Author URI: http://www.optiion.nl
Template: enfold
Version: 1.0.0
*

Now, can I just add the code from the quick settings under this code? Then it would look like this:

/*
Theme Name: Enfold Child Theme
Theme URI: http://www.online-hrm-tools.nl
Description: Child Theme for online-hrm-tools
Author: Optiion Webdesign Groningen
Author URI: http://www.optiion.nl
Template: enfold
Version: 1.0.0
*/

@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

.html_header_mobile_behavior #mobile-advanced span > a:before{ top: 0px; }

#mobile-advanced ul{margin:0; padding:0; display: block; width:100%; left:0; position: relative;}
#mobile-advanced a , #mobile-advanced .mega_menu_title{padding:13px 28px; border-bottom-style: solid; border-bottom-width:1px; width:100%; display:block; margin:0; text-decoration: none; position: relative; cursor: pointer; }
#mobile-advanced ul a, #mobile-advanced .mega_menu_title{padding-left:50px;}
#mobile-advanced ul ul a{padding-left:80px;}
#mobile-advanced ul ul ul a{padding-left:110px;}
#mobile-advanced ul ul ul ul a{padding-left:140px;}

/*mega menu fixes*/
#mobile-advanced .avia-bullet{display:none;}
#mobile-advanced .avia_mega_div{width:100%; margin:0; float: none;}
#mobile-advanced .mega_menu_title a{padding:0; border:none;}
#mobile-advanced .avia_mega_text_block{display:none;}

#advanced_menu_toggle, #advanced_menu_hide{position: absolute;border-radius: 2px;height: 46px;width: 46px;line-height: 46px;text-decoration: none;text-align: center;right: 2%;top: 50%;margin-top: -23px;z-index: 10000;border-style:solid;border-width: 1px;font-size: 30px;display:none;}

.bottom_nav_header #advanced_menu_toggle{top:40px;}

#advanced_menu_hide{
z-index: 10050;
visibility: hidden;
opacity: 0;
top: 44px;
right: 23px;
}

That’s all? Is this the correct way to do it?
Or is it also important how the functions.php looks like:

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/

function wp_change_aviajs() {
wp_dequeue_script( ‘avia-shortcodes’ );
wp_enqueue_script( ‘avia-shortcodes-child’, get_stylesheet_directory_uri().’/js/shortcodes.js’, array(‘jquery’), 2, true );
}
add_action( ‘wp_print_scripts’, ‘wp_change_aviajs’, 100 );

Thank you for your help!

Thanks, it works fine now!

Hey Rikard,

This is the site I am working at:

Now when you go with your mouse to the page “Diensten” you see the submenu with 2 extra pages. I don’t like the fact that the submenu is on the right side. I want to submenu positioned directly under the parent page (so under Diensten).

When you look at this site in mobile view, then the subpages are placed under the parent page. Exactly what I want to achieve in the desktop/non mobile view.

• This reply was modified 7 years, 11 months ago by Alwin.