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

@media only screen and (max-width: 767px) { 
.home #av_section_2 .flex_column.av_one_half {
    padding: 55% 50px 30px 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.home #av_section_2 .flex_column.av_one_half {
    padding: 24% 5px 30px 5px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.home #av_section_2 .flex_column.av_one_half {
    padding: 35% 5px 30px 5px;
}
}

The height was affected by the inner padding, this seems to correct in my tests.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey mvi,
It sounds like you are having a server cache issue, perhaps from a object-oriented cache? We have not experienced any issues on our servers or any reports from other users that we can reproduce. You could try changing the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression to Use minified theme CSS files without merging or disable it completely and let your server do all of the caching, but you would need to do this for each site, there is no other way to do this.

Best regards,
Mike

Hi,
I have checked your homepage on Windows in Chrome, Firefox, & Edge and the slider at the top with the button seems to be the same in each browser. I didn’t see any “zooming” on hover in the slider, but I did on a image lower on the page that looks like a office.
Above you write that the “zooming” only works when you are logged in, typically this would point to an error in the cached files since typically when you are logged in you are not served any cached files. Often when the theme and a plugin minifys the files an error can occur due to the nature of “minifying” which removes spaces & certain characters. It looks like your site is also using a CDN, cloudflare which could be serving the bad files.
Try disabling the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files, then clear and disable your caching plugin and your server cache and your CDN, it could take a few hours your your site to start serving the same files as when you are logged it, especially for cloudflare which can take up to 24 hours.

Best regards,
Mike

Hi,
Thanks for your patience, it looks like your menu layout has changed since we last looked at it and we don’t have access to the backend, have you changed your plans?
Going back to the megamenu width for five items, I don’t think there will be a good solution for this because the css flex is used, you would be better off adding a sixth item which shows at full width, than to force five items into full width.

Best regards,
Mike

Hey rixi,
changing the editor should not make a difference, it looks like the post that you linked to is the last one, when I check another one the post nav shows:

please see the link below, both are using the Advanced Layout Builder.
You do seem to be using a date based permalinks at WordPress ▸ Dashboard ▸ Settings ▸ Permalink Settings, perhaps Post name based will give you a different result.

Best regards,
Mike

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

.av-magazine-sort .all_sort_button {
	display: none;
}
.av-magazine-sort .all_sort_button ~ span.text-sep:first-of-type {
	display: none;
}

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

Best regards,
Mike

Hey domchocolate,
Thank you for your patience and the link to your site, to tab though the menu, skipping sub-menu items unless the down or up arrow keys are used please try this javascript in your child theme functions.php file in Appearance ▸ Editor:

function tab_though_menu_skipping_sub_menu_items_unless_down_or_up_arrow_keys_are_used() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function () {
    const menuItems = document.querySelectorAll('.menu-item-has-children'); // Adjust this selector to match your menu structure

    // Initially set tabIndex to -1 for all sub-menu items to skip them in tab navigation
    menuItems.forEach(item => {
        let subMenuItems = item.querySelectorAll('.sub-menu a'); // Adjust this selector for your sub-menus
        subMenuItems.forEach(subMenuItem => {
            subMenuItem.tabIndex = -1;
        });

        item.addEventListener('keydown', function (e) {
            // Only proceed if the event target is a menu item that contains a sub-menu
            let subMenu;
            if (e.target.classList.contains('menu-item-has-children')) {
                subMenu = e.target.querySelector('.sub-menu'); // Adjust this selector for your sub-menus
            } else {
                // This ensures we get the sub-menu even if a child of the menu item was focused
                subMenu = e.target.closest('.menu-item-has-children').querySelector('.sub-menu');
            }

            let subMenuItems = subMenu.querySelectorAll('a'); // Assumes sub-menu items are anchor tags
            let focusedElement = document.activeElement;
            let currentIndex = Array.from(subMenuItems).indexOf(focusedElement);

            switch(e.key) {
                case 'ArrowDown':
                    // Move focus to the next sub-menu item
                    if (currentIndex < subMenuItems.length - 1) {
                        subMenuItems[currentIndex + 1].tabIndex = 0;
                        subMenuItems[currentIndex + 1].focus();
                        e.preventDefault(); // Prevent scrolling the page
                    } else {
                        // Optionally wrap around to the first item
                        subMenuItems[0].tabIndex = 0;
                        subMenuItems[0].focus();
                        e.preventDefault(); // Prevent scrolling the page
                    }
                    break;
                case 'ArrowUp':
                    // Move focus to the previous sub-menu item
                    if (currentIndex > 0) {
                        subMenuItems[currentIndex - 1].tabIndex = 0;
                        subMenuItems[currentIndex - 1].focus();
                        e.preventDefault(); // Prevent scrolling the page
                    } else {
                        // Optionally wrap around to the last item
                        subMenuItems[subMenuItems.length - 1].tabIndex = 0;
                        subMenuItems[subMenuItems.length - 1].focus();
                        e.preventDefault(); // Prevent scrolling the page
                    }
                    break;
            }

            // Reset tabIndex to -1 for items not focused to ensure they're skipped during tab navigation
            subMenuItems.forEach(subMenuItem => {
                if (subMenuItem !== document.activeElement) {
                    subMenuItem.tabIndex = -1;
                }
            });
        });
    });
});
</script>
  <?php
}
add_action( 'wp_footer', 'tab_though_menu_skipping_sub_menu_items_unless_down_or_up_arrow_keys_are_used', 99 );

I tested this on your site by injecting it in the browser and it worked good with your desktop menu.

Best regards,
Mike

• This reply was modified 1 year, 5 months ago by Mike. Reason: updated to correct error

Hey carmen,
Thank you for the link to your example form. I would recommend using the Contact Form 7 plugin, it offers more customization options and many addon plugins these are more addons.
This video will explain how to create a new form element in CF7.

Best regards,
Mike

Hi,
Typically the header items colors are chosen by the alternative colors in the Enfold Theme Options ▸ General Styling
But if these don’t match the colors that you want to use we can help with so custom css. Please open a new thread and link to your site and explain the colors that you want to use. Since this is not your thread you won’t see anything we write in the Private Content area, so it would be better to open your own thread. Thank you for your understanding.

Best regards,
Mike

Hey carmen,
The 2017 demo homepage has a transparent header with the LayerSlider at the top, you can replace the image in the LayerSlider with your video and it will show at the top as you wish.
But please note that for mobile some browsers may block auto playing videos, for now some will allow a auto playing video if it has no sound and typically the LayerSlider works in these cases, but it may not work in all browsers or in the future. If you have a small loop you may want to try using a gif for mobile.
In the LayerSlider options try choosing “autopaly after opening” and the “Play Muted” enabled:

this has worked on Android but it may not work on iPhone, iPhones are the strictest and may block it completely.

Best regards,
Mike

Hi,
Thanks for your patience, I found that on your permalinks page your base had a dot in the field, I removed this for you and now your category pagination works correctly:

Best regards,
Mike

Hey Jabri,
Thank you for your question, Enfold is only available at Theme Forest, they handle all licenses, so you can purchase them there. I’m not sure if you can add ten of them in the cart or not. There is no bulk purchase discount, so it will not cost you more to purchase them individually. Perhaps the Theme Forest support has another way to purchase ten licenses on one invoice, please try asking them.

Best regards,
Mike

Hey Soner AK,
Thanks for the link to your site, but I don’t see that you have Enfold installed, please try disabling all of your plugins and ensure that you are uploading the installable WP version from your Theme Forest account and not the full theme zip file with documentation.
I see that you have the builder Elementor installed, please note that Enfold has it’s own built-in builder, “Advanced Layout Builder” and other builders may cause conflicts.
Please note that using the contact form is not appropriate for support questions, please log in to the support forum and open a new thread if you need further assistance.
If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.
If you have purchased your license in the past 6 months then please register your Purchase Code here.
Then log into the support forum and open a new thread.

Best regards,
Mike

Hi,
If it is not working at the end of your child theme functions.php, but is working at the top of your child theme functions.php, this could be due to an error in your child theme functions.php, perhaps we should take a look, please include an admin login and FTP access in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thanks for the login, please ask your webhost to enable PHP ZipArchive Extension, this is disabled on your server.

Best regards,
Mike