Forum Replies Created

Viewing 30 posts - 271 through 300 (of 34,588 total)
  • Author
    Posts
  • in reply to: Change settings on hover on slider images #1484015

    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

    in reply to: Envato private Token for multiple websites #1484002

    Hey 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,
    Mike

    Hey 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,
    Mike

    Hi,
    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:
    Screen Shot 2025 05 10 at 1.07.11 PM
    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.
    Screen Shot 2025 05 10 at 1.13.38 PM

    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

    in reply to: Magazine type size is way too big. #1483995

    Hi,
    The login is not admin so we don’t have access to the Appearance > Theme File Editor > functions.php file.
    Please adjust.

    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,
    Add this css:

    @media only screen and (max-width: 767px) {
    	#main .title_container {
    		display: none;
    	}
    }

    Best regards,
    Mike

    Hi,
    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:
    Screen Shot 2025 05 10 at 11.29.58 AM
    with this css:
    Screen Shot 2025 05 10 at 11.28.45 AM

    Best regards,
    Mike

    in reply to: Anchor links not working correctly in mobile menu #1483988

    Hi,
    Your section with the ID #samplewebsites is hidden on small mobile devices:
    Screen Shot 2025 05 10 at 10.32.45 AM
    probably because you wanted to show the next section only on small mobile:
    Screen Shot 2025 05 10 at 10.34.06 AM
    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,
    Mike

    in reply to: Changing Left Hand menu font size #1483985

    Hi,
    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,
    Mike

    in reply to: Search icon #1483984

    Hi,
    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,
    Mike

    Hey Oriano,
    Users with “edit_published_posts” permissions such as Administrators, Editors and Authors can view the site.
    Screen Shot 2025 05 10 at 9.42.27 AM
    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,
    Mike

    in reply to: Problem of transition with content slider #1483979

    Hi,
    It looks like you had a duplicate thread for the overlay icon, check here.

    Best regards,
    Mike

    in reply to: LayerSlider Import layer not working #1483978

    Hey 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,
    Mike

    in reply to: multiple accordion – behaviour on click #1483976

    Hi,
    Glad Guenni007 could help, thank you Guenni007, shall we close this thread now?

    Best regards,
    Mike

    in reply to: Color section header for mobile and desktop #1483975

    Hi,
    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,
    Mike

    in reply to: Change settings on hover on slider images #1483973

    Hi,
    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,
    Mike

    in reply to: trying to hide the “by” on the blog posts. #1483972

    Hi,
    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,
    Mike

    in reply to: Accessibility with Tab – making it more visible #1483967

    Hey 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:
    Screen Shot 2025 05 10 at 6.24.55 AM
    and then if you hit the enter key it will open:
    Screen Shot 2025 05 10 at 6.27.43 AM

    Best regards,
    Mike

    in reply to: Home page automatically scrolling on mobile #1483966

    Hi,
    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,
    Mike

    Hi,
    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;
    }

    Screen Shot 2025 05 10 at 5.34.09 AM
    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,
    Mike

    in reply to: Enfold Demo Theme #1483913

    Hi,
    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,
    Mike

    in reply to: Advanced Layout Editor not complete #1483681

    Hi,
    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,
    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

    in reply to: Navigation Bar search widget SVG image #1483646

    Hi,
    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,
    Mike

    in reply to: Burger menu #1483645

    Hi,
    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,
    Mike

    in reply to: going crazy withe text aling #1483644

    Hi,
    This is what I also see.

    Best regards,
    Mike

    in reply to: Disable Cart In Enfold #1483575

    Hi,
    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,
    Mike

    in reply to: Barrierefreiheit – Anpassungen an Enfold #1483572

    Hey 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

Viewing 30 posts - 271 through 300 (of 34,588 total)