Hey vivienne2020,

There were two js errors on your site:

Uncaught SyntaxError: Unexpected token '<'
(index):905 Uncaught SyntaxError: Invalid or unexpected token

I replaced this code:

function inline_popup_enabler(){
?>
<script>
(function($){
$(window).load(function() {
$(‘.inline_popup’).magnificPopup({
type:’inline’,
midClick: true
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'inline_popup_enabler');

with:

function inline_popup_enabler(){
?>
<script>
    (function($){
        $(window).load(function() {
            $('.inline_popup').magnificPopup({
                type:'inline',
                midClick: true
            });
        });
    })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'inline_popup_enabler');

then this code is also replaced:

function add_gtm() {
?>
	<script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','XXX-XXXXXXX');</script>
<!-- End Google Tag Manager -->

	</script>
<?php
}

add_action('wp_head', 'add_gtm');

with:

function add_gtm() {
?>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','XXX-XXXXXXX');</script>
<!-- End Google Tag Manager -->
<?php
}

add_action('wp_head', 'add_gtm');

then in Enfold > Performance, I unchecked Load jQuery in your footer
Please review your site, if there are still issues, please let us know (and maybe give us some screenshots)

Best regards,
Nikko

He raquelravanini,

Can you tell us what version of Enfold are you using?

Best regards,
Nikko

Hi rlhinirv57,

You’re welcome :)
Just let us know how it goes, if you need assistance, we’ll be here to help.

Best regards,
Nikko

Hi Stephanie,

I have checked your site in Appearance > Themes and Enfold version is still 4.8.1, please update it to 4.8.2.

Best regards,
Nikko

Hey bradbansner,

Please do the following steps:

Make a backup:
– Site Backup: https://kriesi.at/documentation/enfold/backup-wordpress-site/
– Theme Settings Backup: https://kriesi.at/documentation/enfold/backup-theme-settings/

Update Enfold Theme
Option 1: Use Envato Market to update your site
– link: https://envato.com/market-plugin/

Option 2: Update manually
1. Login to ThemeForest and download the Enfold theme, right-click over the downloaded zip file and extract/unzip it.
2. It should generate a new folder, open it and look for the enfold folder
3. Right-click the enfold folder then zip it, here’s a tutorial on how to create a zip file in windows: https://www.howtogeek.com/668409/how-to-zip-and-unzip-files-on-windows-10/ (this should create enfold.zip
4. Log in to WordPress as and Admin.
5. Install and activate a maintenance plugin and put your site in Maintenance mode.
6. Go to Appearance > Themes, switch to a default WordPress theme like TwentyTwenty then delete Enfold.
7. Click on the ADD NEW button.
8. Click on the UPLOAD THEME button.
9. Click BROWSE and choose enfold.zip file
10. Click the INSTALL NOW button and switch to Enfold or your child theme.
11. Remove the maintenance mode then deactivate and remove the maintenance plugin.

Register the theme by following the instructions in https://kriesi.at/documentation/enfold/theme-registration/
Once this is done, the next time you update, you’ll only need to go to Enfold > Theme Updates and click on the Update button.

Best regards,
Nikko

Hi SolingLover,

Thanks for giving us admin access.
The best way to adjust the shortcode is do the following:
1. Enable the ALB Debugger by adding this code in your child theme’s functions.php:

//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
  return "debug";
}

2. Create a new page and only add elements that you want to use, then modify the settings/values inside the elements.
3. Below the Content, there’s a Text Area which is filled with shortcodes (based on what is added), just copy this code and use it.
I hope this helps.

Best regards,
Nikko

Hi banyusa,

Thanks for giving us admin access.
The Text Block does not render it because one closing div is missing which breaks the element.
I tried to fill in the missing closing div and it shows up properly in the backend, I have created a test page for it (link in private content).
Also since there are lot of HTML code I would suggest using a Code Block.

Best regards,
Nikko

Hi merrywatson,

Thanks for giving us admin access.
This is now showing properly, please review your site.

The greater than and lesser than symbols were replaced with & g t ; and & l t ; (I just replaced it with the correct symbols)
Then I have replaced this code:

add_action( 'ava_inside_secondary_menu', 'add_flags_to_header', 10 );

with:

add_action( 'avia_meta_header', 'add_flags_to_header', 10 );

Then to fix the alignment and adjust the flag size, I added this code in QUick CSS:

#top .custom_flags {
    margin-top: -7px !important;
}

#top .custom_flags img {
    max-height: 16px;
}

Best regards,
Nikko

Hi IkramG,

We’ll be closing this thread and thanks for using Enfold :)
Have a great weekend!

Best regards,
Nikko

Hi rlhinirv57,

You’re welcome :)
Please try to create an includes folder to your child theme, then inside it add the helper-social-media.php file.

Best regards,
Nikko

Hi reinsicht,

For the arrows, I have removed this code in Quick CSS:

#top .avia_mega_div .avia-bullet {
  display: none;
}

and replaced it with:

#top .avia_mega_menu_columns_first > .sub-menu > li > a > .avia-bullet {
  display: none;
}

As for the tab section (this will apply to all):

#top .active_tab_content {
    max-height: 400px;
}

Just adjust the max height value.

Best regards,
Nikko

Hi Joe,

Thanks for giving us FTP access.
It seems the code works only if Mobile Menu Display is not Display full menu (works best if you only got a few menu items)
It would need a lot of rework for the js file in order for it to work in Display full menu (works best if you only got a few menu items)
The only workaround I could find is via CSS (this should result similar with the screenshot in private content):

@media only screen and (max-width:767px) {
  .responsive #top.page-id-6383 #sub_menu1,
  .responsive #top.page-id-6081 #sub_menu1 {
    top: 0 !important;
    position: fixed !important;
  }

  .responsive #top.page-id-6383 .sticky_placeholder,
  .responsive #top.page-id-6081 .sticky_placeholder {
    display: none;
  }

  #top .mobile_menu_toggle {
    color: white !important;
  }
}

Best regards,
Nikko

Hi Chris,

Can you try to enable Show advanced options in Enfold > Performance then try to tweak the settings/values in there especially Unique timestamp of merged files and WP object cache bug.
If that still won’t help then I would suggest disabling CSS file merging and compression and Javascript file merging and compression then use a third party optimization plugin to do the merging and modification.
If you would like for us to check further on the issue, can you setup a staging site for us? so it won’t disrupt your live site.

Best regards,
Nikko

Hi social9499,

Yes, since you are using a GridRow, each cell’s width is 100% divided by the number of columns.
You just need to modify each cell’s padding under Styling > Padding > Cell Padding.
Hope this helps.

Best regards,
Nikko

Hi banyusa,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko