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 2 years, 1 month 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

Hey Vladimir,
I see the site is using Enfold v4.5, this is not PHP v8.3 compatible.
You will need to update the v5.6.10 to update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

If you can not login to the Theme Forest account with the update files then you will need to purchase again and create a account that you can access.

Best regards,
Mike

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

#header .twelve.units {
    width: 1450px!important;
}

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

Best regards,
Mike

Hi,
Thank you for your patience, but the login that you posted above doesn’t work for this site so we can’t see the settings for the page.
Please ensure that you have added a Product Image to the product, and if it still doesn’t show try disabling your plugins to see if there is a conflict.
Otherwise please include an admin login in the Private Content area so we can investigate further.

Best regards,
Mike