Hi,
Sorry, your links in your post are not working for me, but I worked on this some more and finally got it working very good :)
Still add the ID “main_content” to the first element of content, such as after your slider on each page. To enable the custom ID and class for elements go to Enfold Theme Options > Layout Builder > Show element options for developers
Then use this function instead:

function custom_screen_reader_script(){
  ?>
  <script>
jQuery(window).load(function(){
  jQuery( '<div id="skipnav"><p class="skipnav"><a href="#main_content">Skip to Content (Press Enter)</a></p></div>' ).insertBefore( '#top' );
  });
</script>
  <?php
  }
  add_action('wp_footer', 'custom_screen_reader_script');

and this css instead:

.skipnav {position: absolute; display: none; text-align: left; margin: 0; padding: 0} /*For all, including Opera. Display:none used to switch off the skip links for Opera users (it's redundant, Opera has excellent keyboard navigation)*/
* html .skipnav {display: block} /*Switch on for IE6 and below*/
*+html .skipnav {display: block} /*Switch on for IE7*/
:root .skipnav {display: block} /*Switch on for Moz, FF and Safari*/
.skipnav p {margin: 5px 0 0 0; padding: 0; position: absolute; font-size: 2em}
.skipnav a {width: 26em; display:block; color: #fff; background: #333; text-decoration: none; padding: 5px; position: absolute; left: -1000em; top: 0; font-weight: bold}
.skipnav a:visited {color: #fff}
.skipnav a:focus, .skipnav a:active {z-index: 999; min-width: 250px; top: -.1em; left: 0; border: solid #777 2px; color: #fff; background: #333 !important} /*Note IE bug that requires use of :active to mimic effect of :focus*/
.skipnav a:hover {cursor: default}  

expected results on the second press of the tab key, (WP admin menu has control of the first tab key press, if you are logged in)

adding some color to links that are in focus while tabbing might also be helpful

 a:focus {
   color: white !important; 
   background-color: red !important; 
   text-decoration: none !important; 
 }

adjust to suit.

I tested this solution, and I was able to continue to tab down the page without ending up in the main menu.

Best regards,
Mike

Hi,
If I understand correctly, the site you were have trouble with is solved by changing to PHP 7.2?
That is great news, anything else we can assist with?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Since disabling the ModSecurity module did work, then ask your webhost to whitelist the “admin-ajax.php” file from the mod security rule, this way you still have it in place without the error.

Best regards,
Mike

Hi,
Thank you for sharing your solution, can I ask if you are still able to use PHP Version: 5.5.38, or did you also update it too?
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
If it’s full width then it could be achieved with this css:

.avia-builder-el-6:before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(78, 202, 194,.5)
}

if it’s not full width then it will be tricky to do so for mobile screens.

Best regards,
Mike

Hi,
Since I didn’t click save last time I decided to give it another try, and this time save and check the page on the front end. But I was able to add a image to the top & bottom editing sections. Please see the screenshot in Private Content area.
I then looked at the page with Chrome Dev Tools, and the only warning I got was that TinyMCE had deprecated.

Deprecated TinyMCE API call: <target>.onNodeChange.add(..)
wp-tinymce.php?c=1&ver=4800-20180716:11

But I did notice the backend sidebar seemed to be shaking a little.
I also tried adding a image to the homepage, and then tested adding images to the product page again with Edge & Firefox. All worked fine.
Sorry I can’t explain why it’s not working for you, and I can’t think for another way to reproduce the error.
Please try again in Chrome and when you get the error press the F12 key, I assume your on Windows, and see what errors are listed in the console, and take a screenshot. Here is an example.

Best regards,
Mike

Hi,

@elames thank you for the login, I took a look and found that your “PHP Max Upload Size” is 16mb which is too small, Enfold is 16.7mb, please ask you webhost to change it to 20mb, if you include your FTP access I will update it for you, if you wish.

@johpg You will need to update manually, because your theme will not connect to Theme Forest correctly for the new token system, v4.5 will auto update next time.
If you open a new thread and include your FTP access I will update it for you, if you wish. Or you can this:

Here are the steps to update with the plugin
*Please ensure your “PHP Max Upload Size” is at least 20mb, because Enfold is 16.7mb.
1: please install the plugin: Update Theme and Plugins from Zip File

2: then go to WordPress > Themes > Add New > Upload

3: after the install, click “Return to Themes page” (NOT Activate)

4: success:

Please note that if you update via FTP, you will need to remove the old theme folder “enfold” first (via FTP) then upload the new “enfold” folder at /wp-content/themes/enfold/
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.

Best regards,
Mike

Hi,
Very good, we look forward to hearing your results.

Best regards,
Mike

Hey sieglindeB,
Bitte fügen Sie einen Administrator-Login und einen FTP-Zugang im Bereich Privater Inhalt hinzu

— Translated with Google —

Please include a admin login & FTP access in the Private Content area

Best regards,
Mike

Hi,
@rdswestnet
After you update to v4.5 you should be able to update as normal, within the theme. You will need to have a minimum PHP of v5.6, but this has been a requirement for a while & I believe the godaddy managed WP plan has this.
Here are the steps to update with the plugin to assist.
1: please install the plugin: Update Theme and Plugins from Zip File

2: then go to WordPress > Themes > Add New > Upload

3: after the install, click “Return to Themes page” (NOT Activate)

4: success:

or if you start a new thread with your login info for WP & FTP, we can assist with your update.

Best regards,
Mike

Hey Simon,
Here are a couple of articles for adding a toggle elements to your page, mostly you will wrap the content you want to hide in a DIV and then add the javascript to your page. Please look these over and let us know if you have any questions.

https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp

https://www.w3schools.com/howto/howto_js_accordion.asp

https://alligator.io/css/collapsible/

Best regards,
Mike

Hey jb84,
Glad to see you found a solution, perhaps it is a browser extension or a social media script running in the background.

Best regards,
Mike

Hey tommyt,
Please try this code in the General Styling > Quick CSS field:

.avia-menu-fx {
    height: 4px !important; 
}

please adjust the number to suit, 2px is the standard.
If this doesn’t help please include the url to the page in question so we can take a closer look.

Best regards,
Mike

Hi,
That’s great news! Thanks for using Enfold.

Best regards,
Mike