Forum Replies Created
-
AuthorPosts
-
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,
MikeHey shantidevii,
Each license can be installed on one domain and unlimited sub-domains of that domain. Each domain/license needs a unique Token, using the same Token on more than one domain will cause an error. If you have a domain and multiple sub-domains you can use the same Token since Envato (Theme Forest) only counts that as one domain.
If you forgot which Token goes with which domain, it is fine as long as each license/Token is used only once.Best regards,
MikeMay 10, 2025 at 8:58 pm in reply to: mobile menu trap focus and/or escape to close overlay menu #1484001Hey sky19er,
Thank you for your patience and the link to your site. The following javascript will trap focus in the burger menu when it is opened and cycle though the items until the escape key is used, which will then focus on the close button and trigger it.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function trap_focus_in_burger_menu_esc_to_close() { ?> <script> function trapFocusInBurgerMenu() { let menu = document.getElementById('av-burger-menu-ul'); let burgerButton = document.getElementById('burger-button'); let focusableElements = []; let firstFocusableElement = null; let lastFocusableElement = null; function getFocusableElements() { focusableElements = menu.querySelectorAll( 'a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])' ); focusableElements = Array.from(focusableElements).filter( (el) => !el.hasAttribute('disabled') ); firstFocusableElement = focusableElements[0]; lastFocusableElement = focusableElements[focusableElements.length - 1]; } function closeMenu() { if (menu) { menu.style.display = 'none'; const mainMenuItem = document.querySelector('li.av-burger-menu-main'); if (mainMenuItem) { const focusableChild = mainMenuItem.querySelector( 'a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])' ); if (focusableChild && !focusableChild.hasAttribute('disabled')) { focusableChild.focus(); focusableChild.click(); } else { if (!mainMenuItem.hasAttribute('tabindex')) { mainMenuItem.setAttribute('tabindex', '0'); } mainMenuItem.focus(); mainMenuItem.click(); } } else if (burgerButton) { burgerButton.setAttribute('aria-expanded', 'false'); burgerButton.focus(); } if (burgerButton) { burgerButton.setAttribute('aria-expanded', 'false'); } } } function handleKeyDown(e) { if (e.key === 'Escape') { e.preventDefault(); closeMenu(); } else if (e.key === 'Tab') { if (e.shiftKey) { if (document.activeElement === firstFocusableElement) { e.preventDefault(); lastFocusableElement.focus(); } } else { if (document.activeElement === lastFocusableElement) { e.preventDefault(); firstFocusableElement.focus(); } } } } const observer = new MutationObserver((mutations) => { menu = document.getElementById('av-burger-menu-ul'); if (menu) { getFocusableElements(); if (focusableElements.length > 0) { firstFocusableElement.focus(); document.addEventListener('keydown', handleKeyDown); } if (burgerButton) { burgerButton.setAttribute('aria-expanded', 'true'); } } else { document.removeEventListener('keydown', handleKeyDown); if (burgerButton) { burgerButton.setAttribute('aria-expanded', 'false'); } } }); observer.observe(document.body, { childList: true, subtree: true }); window.addEventListener('unload', () => { observer.disconnect(); }); } document.addEventListener('DOMContentLoaded', trapFocusInBurgerMenu); </script> <?php } add_action( 'wp_footer', 'trap_focus_in_burger_menu_esc_to_close', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeMay 10, 2025 at 7:15 pm in reply to: Move blog-tags after blog-categories on the post-meta-infos #1483999Hi,
When I check my single post using the Default (Business) blog style, the Tags show at the bottom of the page without the filter above:
To move them in line with the categories and other meta try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function move_tag_meta_inline_with_other_meta_on_single_posts() { ?> <script> document.addEventListener('DOMContentLoaded', function() { if (document.querySelector('.single-post')) { const blogTags = document.querySelector('.blog-tags'); const blogCategories = document.querySelector('.blog-categories'); if (blogTags && blogCategories) { const strongTag = blogTags.querySelector('strong'); if (strongTag && strongTag.textContent === 'Tags:') { strongTag.replaceWith(strongTag.textContent); } const separator = document.createElement('span'); separator.className = 'text-sep'; separator.textContent = '/'; blogCategories.insertAdjacentElement('afterend', separator); separator.insertAdjacentElement('afterend', blogTags); } } }); </script> <?php } add_action( 'wp_footer', 'move_tag_meta_inline_with_other_meta_on_single_posts', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeMay 10, 2025 at 6:14 pm in reply to: Too much white space between header and content on mobile #1483998Hi,
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,
MikeHi,
The login is not admin so we don’t have access to the Appearance > Theme File Editor > functions.php file.
Please adjust.Best regards,
MikeHi,
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,
MikeMay 10, 2025 at 5:44 pm in reply to: Too much white space between header and content on mobile #1483992Hi,
Add this css:@media only screen and (max-width: 767px) { #main .title_container { display: none; } }
Best regards,
MikeMay 10, 2025 at 5:30 pm in reply to: Too much white space between header and content on mobile #1483990Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all #header .social_bookmarks { display: block; } #avia2-menu #menu-item-8506,#avia2-menu #menu-item-9168,#avia2-menu #menu-item-6813 { display: none; } #header_main #text-8,#main .main-title { display: none; } #top #main .title_container .container { padding-bottom: 0; min-height: 25px; } #full_slider_1 *:not(.avia-caption-title, .avia-caption-content, .avia-caption-content p) { min-height: 90px; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
without this css:
with this css:
Best regards,
MikeHi,
Your section with the ID #samplewebsites is hidden on small mobile devices:
probably because you wanted to show the next section only on small mobile:
but that section has no ID, so the mobile menu can’t link to it.
Note that all IDs on a page must be unique and used only once, so to correct your issue, add a ID to the second color section like “mobilesamplewebsites”
then add a second menu item under the current samplewebsites menu item, with the custom classes “av-desktop-hide av-medium-hide av-small-hide” and a link of #mobilesamplewebsites
and then add the custom class “av-mini-hide” to the current samplewebsites menu item.Best regards,
MikeHi,
Glad Ismael could 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,
MikeHi,
Thank you for your patience, try removing the css above and add this instead:#top #menu-item-search a { z-index: 1; position: relative; }
Best regards,
MikeHey Oriano,
Users with “edit_published_posts” permissions such as Administrators, Editors and Authors can view the site.
You could edit line 304 in /enfold/includes/classes/class-avia-custom-pages.php
but there is not a way to change this in your child theme, so you would need to update this file for each version update.
Your best option would be to use a plugin instead.Best regards,
MikeHi,
It looks like you had a duplicate thread for the overlay icon, check here.Best regards,
MikeHey arsprengel,
When I check your LayerSlider, it seems to be working. Please see the screenshot in the Private Content area.
If this is not what you mean, please explain further.Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, shall we close this thread now?Best regards,
MikeHi,
For your live site try this css:.home #after_section_2 .template-page.content { padding: 0; }
for your test site try this css:
.page-id-3986 #after_section_2 .template-page.content { padding: 0; }
Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia_transform a:hover .image-overlay { opacity: 1 !important; background: transparent !important; } .avia_transform .image-overlay { background: transparent !important; }
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,
MikeHi,
Glad Ismael could 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,
MikeHey Martin,
To add a red border to items that you tab to, you can add this css:a:focus,button:focus { border:1px solid red !important; }
adjust the color and size to suit.
Your accessibility plugin is at the bottom of the page in the DOM, so you would need to tab the whole page to get to it, perhaps the plugin settings has an option to move it to the top of the DOM? The plugin button also has a tabindex of -1 so you can’t tab to it, check the plugin settings.
If you can’t change these in the settings, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_script() { ?> <script> document.addEventListener('DOMContentLoaded', function() { const accessibilityButton = document.querySelector('#accessibility-trigger-button'); const messageBar = document.querySelector('#accessibility-button'); const body = document.querySelector('body#top'); body.prepend(messageBar); accessibilityButton.setAttribute('tabindex', '1'); }); </script> <?php } add_action( 'wp_footer', 'custom_script', 99 );
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
This javascript will move the accessibility-button in the DOM to the top of the page so it is the first tab, the icon will still show at the bottom of the page, it will also change the tabindex so you can tab to it. With the css above to add a red border, the first tab will show this:
and then if you hit the enter key it will open:
Best regards,
MikeHi,
I checked your page on my Android mobile device, but I don’t see that it is automatically scrolling, up or down, please explain further.Best regards,
MikeMay 10, 2025 at 11:36 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1483965Hi,
Change this css:#av-burger-menu-ul li.av-show-submenu > .sub-menu > li > a > .avia-menu-text { color: yellow; }
to this:
#av-burger-menu-ul li.av-show-submenu > .sub-menu > li > a > .avia-menu-text { color: yellow; font-size: 20px; line-height: 20px; }
then add this css:
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li.av-show-submenu li { line-height: 20px; }
adjust to suit.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeHi,
Glad Yigit was 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,
MikeHi,
Glad to hear that you have this sorted out, 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,
MikeMay 6, 2025 at 11:05 am in reply to: Different font size for main menu links on desktop/mobile on overlay/slide out #1483680Hi,
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,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, 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,
MikeHi,
Glad Rikard could 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,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#menu-item-shop .av-cart-counter, #menu-item-shop .dropdown_widget_cart { display: none !important; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Brixton4G63T,
1: please see this thread for tabbing to the cookie banner buttons, this may not seem intuitive, so perhaps you will want to try a cookie bar plugin like Borlabs.
2: this can be achieved with a plugin, I don’t believe there has been a feature request for this.
3: this has a open feature request, please follow up in that feature request.
If you would like to request these features the Dev Team has opened a new Github Feature Request for users to place requests and follow them as the Dev Team reviews them.Best regards,
Mike -
AuthorPosts