Hi,
To implement a horizontal scrolling menu, please go to Enfold Theme Options > General Styling > Logo and Main Menu and choose which side you would like it to be.

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the login, so I copied your two pages to my localhost to test, and applied the css & javascript from the documentation and observed the menu “active-item” class being added & removed constantly.
This seems to lead to a performance issue, as you pointed out. So I researched this and found a better working script, which I adjusted to work with the sub-menu and css.
So the css is the same:

/* Active menu styles */
#top .submenu-onepage .active-menu-item,
#top .submenu-onepage .active-menu-item a {
background: #000 !important;
color: #FFF !important;
}



#top .submenu-onepage .av-subnav-menu > li > a {
border-left-style: none !important;
border-left-width: 0px !important;
}

Try adding this script to the end of your functions.php file in Appearance > Editor:

function custom_sub_menu_highlighting_script(){
  ?>
  <script>
(function($){
// Cache selectors
var lastId,
    topMenu = $("#sub_menu1"),
    topMenuHeight = topMenu.outerHeight()+15,
    // All list items
    menuItems = topMenu.find("a"),
    // Anchors corresponding to menu items
    scrollItems = menuItems.map(function(){
      var item = $($(this).attr("href"));
      if (item.length) { return item; }
    });

// Bind click handler to menu items
// so we can get a fancy scroll animation
menuItems.click(function(e){
  var href = $(this).attr("href"),
      offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+1;
  $('html, body').stop().animate({ 
      scrollTop: offsetTop
  }, 300);
  e.preventDefault();
});

// Bind to scroll
$(window).scroll(function(){
   // Get container scroll position
   var fromTop = $(this).scrollTop()+topMenuHeight;
   
   // Get id of current scroll item
   var cur = scrollItems.map(function(){
     if ($(this).offset().top < fromTop)
       return this;
   });
   // Get the id of the current element
   cur = cur[cur.length-1];
   var id = cur && cur.length ? cur[0].id : "";
   
   if (lastId !== id) {
       lastId = id;
       // Set/remove active class
       menuItems
         .parent().removeClass("active-menu-item")
         .end().filter("[href='#"+id+"']").parent().addClass("active-menu-item");
   }                   
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_sub_menu_highlighting_script');

In my tests this works much better and the scroll to anchor action from clicking the menu items also is much smoother, so please give this a try and if you still find a performance issue try disabling your other scripts and plugins to check for a conflict.
In the script above it looks for the ID sub_menu1 for the sub-menu here: topMenu = $("#sub_menu1")
This is the default ID for the first sub-menu on each page, so this should be fine, but if you use a custom ID for the sub-menu in the future please ensure to change this too.
I also noticed that in your child theme it looks like the other script was added twice, once in the functions.php and in menu-highlight.js, after you remove the other script please ensure the new script is only added once. I’m sure that you would, I just wanted to point that out 😉

Best regards,
Mike

Hey Eefke,
Sorry for the late reply, I found the plugin WP Popups to work well and not a lot of bloat, but our built-in popup also works well if you are comfortable with HTML.

Best regards,
Mike

Hi,
On my install I do not have the “noopener noreferrer”, but the function above removes the attribute which should be all three for you
“nofollow noopener noreferrer” unless the “noopener noreferrer” is being loaded after the DOM, which would indicate that this is being added by a plugin.
Please give it a try.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login, I see that you are using a Grid Row element for the section that is two cells, unfortunately, the background for each cell is apart of that cell so we are not able to display one cell’s background over both cells.
I would recommend using a color section with a background and a 1/2 column for your text, I created a clone of your page and replaced the Grid Row with this solution, as an example, please see the link in the Private Content area.
You will note that I added the custom ID “book-background” to the color section and the following css to your Enfold Theme Options > General Styling > Quick CSS field, this was to force the background image size to “contain”.

#book-background {
	    background-size: contain !important;
}

Please let us know if this follows the idea for your page.

Best regards,
Mike

Hey Ganubis,
Sorry for the late reply, woocommerce adds the “nofollow” to the cart button, to remove try adding this code to the end of your functions.php file in Appearance > Editor:

add_filter( 'woocommerce_loop_add_to_cart_args', 'remove_rel', 10, 2 );
function remove_rel( $args, $product ) {
    unset( $args['attributes']['rel'] );

    return $args;
}

I tested this on my localhost and it works, after you add the code please clear your cache and check.

Best regards,
Mike

Hi,
Thank you for the login, one challenge was that on your original site the media was organized into mouth & year directories, but your new site didn’t. I was able to download your files and re-organize and upload to your new site, all seem to be working now, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, so for the “LearnDash Settings tab” do you mean the tab/link at the top of the page, or in the sidebar controls? Sorry I have not used LearnDash, I have just helped with these issues which is usually sorted out with some css, but I don’t think I’m looking in the right place.
So I took a few screenshots with the Classic Editor & ALB side-by-side, to show what I’m looking at, in the Private Content area, but could you please create a video that I can follow along with to the error, thanks :)
Also, for me, I find the “Block Editor” to be a “pain” and I typically switch to the “Classic Editor” in the theme settings so I can find some of the settings that I’m used to seeing (because of the way the Block Editor shows them), anyways is this a similar situation?
I’m sure we can sort this out, I feel I’m not looking at the right thing :)

Best regards,
Mike

Hi,
Please include FTP access in the Private Content area, or your webhost file manager access, such as cPanel, for both sites.

Best regards,
Mike

Hey leftangle,
Sorry for the late reply and thanks for the login. I tried to change some settings and received this error:
wp-admin/admin-ajax.php 500 (Internal Server Error) please check your server error log for a cause.
I believe that your web host is forcing jQuery to be loaded in the footer, there are several ways web hosts may do this, please ask your web host to remove this, and load jQuery Migrate.
This is how your Enfold Theme Options > Performance > Change WordPress defaults option looks: https://savvyify.com/img/image/t4oD
This is how it should look: https://savvyify.com/img/image/tJW9

Best regards,
Mike

Hi,
Thanks for the screenshot, so the error on line 44 is basically “if null throw error ‘must not be null'” but since it is for the Ga hosted script the error must be before this. I wonder if it has to do with cookie permissions, I see you have a custom script to “delete already set cookies if disabling afterwards”?
But checking your other site on IE11 the plugin seems to be working with Enfold and you said the plugins are the same? Is this on the same server, PHP version?
If so, then there should be something that is different. I noticed on your live site, on IE11 the map shows and then when I accept the cookie banner the page reloads, slowly almost like it was going to crash, and then it shows again. So this is why I’m thinking this is related, but perhaps not.
So the one that works is your live site, and the other is a dev site? If the live site is cloned to the dev site, does the map then work on IE11?
Are you trying to have a cloned dev site to test with, or is the dev site ment to be a future new site? Just wondering if cloning would be an option.

Best regards,
Mike

Hi,
Thank you for the screenshot, so to me it looks like the three columns of icons do not align consistently across all three columns because some icon text is two lines while others are only one line. I recommend having the icons with two lines of text in the same place in each column, for example, if the first item in each column has two lines of text while the rest are only one line, then each column will align. The same would be true if all items had only one line of text, or if all had two lines. But since only a few have two lines, try to split them between the columns evenly.

Best regards,
Mike

Hi,
Thanks for the login, I tried checking your “Session One” page as in your screenshot, and I set the Classic Editor in the theme options, but I don’t see the same.
Right now Session One & Two are created with the Advanced Layout Builder, viewing the page with the Classic Editor doesn’t show the error, but you would not want to edit the page with the Classic Editor for losing the ALB elements.
Perhaps I looked at the wrong section, please explain how I can recreate and what browser and OS are you using.

Best regards,
Mike

Hi,
Thanks for the feedback and screenshot, I tried switching to the Gutenberg editor and checking on IE11, but it didn’t recreate the error. If the error shows you again try clicking on the first error in the console:
script5005: string expected js (44,436)
typically this will take you to the error in the script, I see this happens twice in your screenshot before the polyfill error.
In my research I did find a similar error, but I’m not sure how this relates to your issue other than another IE11 issue.
So you have another identical page on the same site that works on IE11? Can you link to it?

Best regards,
Mike

Hi,
Alright, shall we close this then?

Best regards,
Mike