Hi,
Thanks for the link to your site, it seems to have been a caching issue, all of the pages you linked to are now showing the background color, please clear your browser cache and check. I see that you have the Cloudflare plugin enabled, are you also caching on your server? I recommend to wait to cache your site until after you are done building it so you don’t have to fight with the caching.

Best regards,
Mike

Hi,
The solution that Ismael posted fires on the avf_form_send filter, so it is the event when the form is sent, you can add your tag manager event code to it.

add_filter('avf_form_send', function( $proceed, $new_post, $params, $class ) {
   // do something here
   return $proceed;
}, 10 , 4);

Best regards,
Mike

Hi,
For the post in your screenshot there are two widths, the first is the layout width which is set to 1310px on your site at Enfold Theme Options ▸ General Layout ▸ Dimensions ▸ Maximum Container width, so if this is what you mean please adjust this setting.

The second is the blog template which on your site is 800px:

which you can change to 100% with this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

#top.single .fullsize .template-blog .post .entry-content-wrapper,
#top.single .fullsize .template-blog .post .entry-content-wrapper>* {
    max-width: 100%;
}

This is the expected results:

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey artVantage,
Thank you for your patience, but unfortunately we don’t have a carousel option with the exact same look as the classic gallery. Try reviewing the WordPress plugins for a carousel plugin.
For your second question, please review the column margin, current the columns with the images have a negative top margin (-220px), and the columns with the text also has a negative top of -180px, so use the mobile icon to remove this for mobile.

Since the animation doesn’t have a mobile setting and you are currently hiding these item on mobile, you could clone the columns for mobile and remove the animation and negative position to achieve this.
If you have trouble with this, try cloning your page as a test page and include a admin login in the Private Content area so we can help and then you can review the settings for your live page.

Best regards,
Mike

Hi,
Thank you for your patience, the Parallax demo only has one page, the “frontpage”. If it is not showing correctly try going to Enfold Theme Options ▸ Theme Options ▸ Frontpage Settings and ensure it is “frontpage”, then in the “blog” setting under it ensure it says: “choose page” and not “frontpage”

Best regards,
Mike

Hey sarawh,
Thanks for your patience, the global setting at Enfold Theme Options ▸ Performance ▸ Lazy Loading is to globaly manage lazy loading of WP images but not for each ALB element separately.

the lazy load option in the image element (since v5.5) is disabled by default as it may not be compatible with animations in the element, please note the explanation in the image element:

If you are not using the animations like fade in or slide in on your images then it will be safe to enable this for each element. Hopefully this helps explains.

Best regards,
Mike

Hey Thomas,
I reviewed the /managing-your-wp_options-table/ page that you linked to and at the bottom it says:

You can set the autoload value to anything other than ‘yes’ and they will not be autoloaded, but still be available if a plugin really does need them. You can use ‘no’ but if you use ‘wpi’ or some other value it lets you revert your changes if you need to.
This option is safe, because the options will remain in your database and be available for the relevant plugin, they just won’t be autoloaded on every page.

so as I understand what they are writing is that changing autoload to ‘wpi’ is safe and doesn’t affect the element except that it doesn’t autoload, when I check with ChatGPT it says:

In WordPress, options are typically autoloaded by default for better performance, as it reduces the number of database queries required to load commonly used data.

and it offers the following function to add to your child theme functions.php to change the autoload instead of a database query: update_option('av_alb_usage_av_catalogue', '', 'wpi'); , for the catalog element. when I tested on my site the database showed that the autoload was changed and the element seemed to work correctly on the frontend and backend.
WordPress’s update_option function doesn’t support wildcard patterns like ‘av_alb_usage_av_%’ in the option_name, so if you want to change multiple options you would need to specify the individual option names when using update_option, or you could try this to prevent the autoloading for multiple options:

global $wpdb;

$options_to_disable_autoload = $wpdb->get_results("
    SELECT option_name
    FROM $wpdb->options
    WHERE option_name LIKE 'av_alb_usage_av_%'
");

if ($options_to_disable_autoload) {
    foreach ($options_to_disable_autoload as $option) {
        update_option($option->option_name, '', 'wpi');
    }
}

you could also use this for plugins with multiple options, I would recommend testing this on a staging site first as thoroughly testing would be the only way to determine how your site will behave.

Best regards,
Mike

Hi,
Thank you for your patience, it seems that the issue is the flex css we used to change the position of the menu items equally across the header, the position of the mega-menu sub-menu is determined by javascript based on the screen width and the calculation was for before the css moves the item. I didn’t find a way to adjust the precious css to correct or a way to correct with more css because the value is dynamic.
I was able to correct with the following javascript and I added it to your child theme functions.php

function adjust_mega_menu_submenu_for_aboutus_item_to_be_on_screen() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
  const menuItem = document.querySelector('#menu-item-287');
  const subMenu = document.querySelector('#menu-item-287 .avia_mega3');

  function adjustSubMenuPosition() {
    const viewportWidth = window.innerWidth;
    const subMenuRect = subMenu.getBoundingClientRect();
    const offScreenRight = subMenuRect.right - viewportWidth;
    if (offScreenRight > 0) {
      subMenu.style.left = -${offScreenRight}px;
    } else {}
  }

  menuItem.addEventListener('mouseenter', function() {
    subMenu.style.display = 'block';
    adjustSubMenuPosition();
  });

  menuItem.addEventListener('touchstart', function() {
    subMenu.style.display = 'block';
    setTimeout(adjustSubMenuPosition, 200);
  });

  menuItem.addEventListener('mouseleave', function() {
    subMenu.style.display = 'none';
  });

  menuItem.addEventListener('touchend', function() {
    subMenu.style.display = 'none';
  });
});
</script>
  <?php
}
add_action('wp_footer', 'adjust_mega_menu_submenu_for_aboutus_item_to_be_on_screen', 99);

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, I see that you have the homepage set as the footer page and the custom 404 page, I disabled this for you by setting no page as the footer & custom 404 page in all of your languages so it will show as the homepage.

Now your homepage shows correctly when logged out in all languages, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, when I check your WordPress ▸ Customize ▸ Additional CSS I see that you have a missing bracket before the css I posted, casuing an error:

I also found that your WP Rocket plugin is minifying the css & js and the theme is also minifying these files, sometimes this can cause errors, so I disabled the theme Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression
Now for both logged in and logged out the /blog/ page text is aligned left.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Very good, then shall we close this thread then?

Best regards,
Mdidn’t

Hi,
Thank you Guenni007 for your generous help.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 1534px) { 
	#top #wrap_all .avia-builder-el-0 .av-element-cover video {
    height: 100%;
    width: 190vh;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback, I see that you have this custom css blocking the click event, please find and remove it, perhaps it is in your Quick CSS:

@media only screen and (max-width: 986px){
.av-masonry-entry {
    pointer-events: none;
}
}

The login you posted above doesn’t work so I couldn’t remove it for you.

Best regards,
Mike