Forum Replies Created

Viewing 30 posts - 1 through 30 (of 34,546 total)
  • Author
    Posts
  • in reply to: Add popup to a button #1486174

    Hey Silvia,
    Try this thread, please read the whole thread.

    Best regards,
    Mike

    in reply to: An error occurred while installing the plugin. #1486173

    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.

    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.

    Best regards,
    Mike

    in reply to: Full-Width Submenu anchor to element in page #1486172

    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,
    The element is controlled by the plugin, not the theme. There is not a practical way to remove the style of a single element from a plugin.

    Best regards,
    Mike

    in reply to: Logo as SVG #1486170

    Hi,
    When I check, on mobile, before scroll, the logo is transparent. It is only after scroll do I see an issue with the small round one.

    Best regards,
    Mike

    in reply to: Where is contact from drag and drop in the theme #1486112

    Hi,
    When I check your site I see it:
    Screen Shot 2025 06 29 at 12.19.12 PM

    Best regards,
    Mike

    Hi,
    The plugin Header Footer Code Manager is limited and only allows HTML & JS, where WPCode allows these and PHP & CSS, in the past I tested both and found WPCode, the free version, to be much better considering that most snippets are PHP. I would recommend replacing Header Footer Code Manager with WPCode, or use a child theme.
    But since your AXE & WAVE is not reporting the change to aria-hidden correctly I don’t think that we can create a solution that will help. If you watch the DOM in the browser you will see that the aria-hidden does change on scroll. We could set the aria-hidden to false always, but then on page load you would see an error, instead of after scroll. I would hope that a real screen reader would report this correctly and recognize changes to the DOM in real time, unlike the testing tools, otherwise you may need to disable this Scroll-to-Top feature.
    To request the Dev Team to review this, please open a new Github Feature Request to place a request and follow it as the Dev Team reviews it.

    Best regards,
    Mike

    in reply to: Logo as SVG #1486108

    Hi,
    When I check on mobile after scroll the round logo is transparent but it has a background-color, try this css to remove it:

    @media only screen and (max-width: 990px) { 
    #header.header-scrolled .logo a {
    	background-color: transparent;
    }
    }

    Best regards,
    Mike

    in reply to: Slider image png tansparent #1486107

    Hey Stefan,
    Please link to the test page with the transparent png image so we can examine.

    Best regards,
    Mike

    in reply to: where do i find downloads #1486106

    Hi,
    Try creating the /wp-content/upgrade-temp-backup folder manually, then set the permission to 775.

    Best regards,
    Mike

    in reply to: Columns w/ Parallax – Change direction #1486105

    Hi,
    Thanks for your help Guenni007, but in my test it seems that only targeting the ID “#av_section_1” didn’t help, I tried adjusting to const container = document.querySelector('#av_section_1 .av-parallax-object'); to target the text in the parallax but as you pointed out it was jerky for the speed needed.
    With trial and error and AI I found that this javascript & css works well for desktop & mobile and smooths out most all the jerk from the text and background image.
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function move_text_in_parallax_down_on_scroll() { ?>
      <script>
      document.addEventListener("DOMContentLoaded", function () {
      const el = document.querySelector("#av_section_1 .av-parallax-object");
      const bg = document.querySelector("#av_section_1 .av-parallax");
    
      if (!el || !bg) return;
    
      const isMobile = window.innerWidth < 768;
    
      const textSpeed = isMobile ? 0.9 : 0.7;
      const bgSpeed = isMobile ? 0.3 : 0.2;
    
      let currentYText = 0;
      let currentYBg = 0;
    
      const updateParallax = () => {
        const scrollY = window.scrollY || window.pageYOffset;
    
        // Text transform
        const targetYText = scrollY * textSpeed;
        currentYText += (targetYText - currentYText) * 0.05;
        el.style.transform = translateY(${currentYText}px);
    
        // Background transform
        const targetYBg = scrollY * bgSpeed;
        currentYBg += (targetYBg - currentYBg) * 0.05;
        bg.style.transform = translateY(${currentYBg}px); // GPU accelerated
    
        requestAnimationFrame(updateParallax);
      };
    
      requestAnimationFrame(updateParallax);
    });
      </script>
      <style>
      #av_section_1 .av-parallax-object {
      position: relative;
      top: 0;
      left: 0;
      will-change: transform;
      backface-visibility: hidden;
      transform: translateZ(0);
    }
    #av_section_1 {
      position: relative;
      overflow: hidden;
    }
    #av_section_1 .av-parallax {
      background-attachment: scroll !important; /* disables fixed scroll handling */
      background-position: center center !important;
      transform: none !important;
      will-change: auto !important;
    }  
      </style>
      <?php
    }
    add_action( 'wp_footer', 'move_text_in_parallax_down_on_scroll', 99 );

    If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
    use wpcode php snippet and activate
    and ensure that it is activated, then add the above code and save.

    Best regards,
    Mike

    in reply to: Columns w/ Parallax – Change direction #1486090

    Hey Tilman,
    Thank you for your patience, but I don’t understand what you wish to do. Do you want the text to move down as you scroll? Perhaps if you could explain further.

    Best regards,
    Mike

    in reply to: New post image in wrong format on homepage #1486088

    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: Font management in WooCommerce text fields #1486086

    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: Font management in WooCommerce text fields #1486083

    Hi,
    For https://shop.cameleon.design/account/edit-account/ you can try this css:

    .woocommerce-account input {
    	font-size: 16px !important;
    }

    but for https://shop.cameleon.design/checkout/ the only fields are the stripe payment info and this is in an iframe which you can not change locally.

    Best regards,
    Mike

    Hi,
    Please note that the Fluent Forms month field is a select div with options using this css:

    #top select {
        -webkit-appearance: none;
        border-radius: 0;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
        background-position: center right;
        background-repeat: no-repeat;
        border-radius: 2px;
    }

    showing a image for the drop down giving you this:
    Screen Shot 2025 06 28 at 1.00.51 PM
    and when you click on it shows the options:
    Screen Shot 2025 06 28 at 1.02.36 PM
    since the year is not a select div with options, but a input with spans you will not see this or the same image.
    I wrote this css to override the plugin css:

    #top .numInputWrapper .arrowUp,
    #top .numInputWrapper .arrowDown {
        opacity: 1;
        display: flex;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-top: -5px;
    }
    .numInputWrapper span.arrowUp:after,
    .numInputWrapper span.arrowDown:after {
        top: 0;
        height: 14px;
    }
    #top .numInputWrapper .cur-year {
    	margin-bottom: 14px;
    }

    Screen Shot 2025 06 28 at 1.58.19 PM
    but this is about as close as we can get it, since we can not support third party plugins, if you need more help with this please ask the plugin author to examine. I don’t see any theme css causing this issue.

    Best regards,
    Mike

    in reply to: ALTERNATIVE MOBILE MENU NOT SHOWING ON MOBILE #1486081

    Hi,
    When I login to your site I can not change the user profile language to Eng, nonetheless I don’t see a menu: TKA Menu mobile that you wanted to be the mobile menu:
    Screen Shot 2025 06 28 at 12.20.05 PM
    you would need to create this menu and choose it at Enfold Theme Options ▸ Main Menu ▸ General ▸ Alternate Menu For Mobile as you see here you are using the same main menu for mobile:
    Screen Shot 2025 06 28 at 12.18.42 PM
    Perhaps there is a language issue, if so please change the user language to Eng so I can check again. But I would think that since I see TKA Main Menu I would see a TKA Menu mobile for the mobile menu.

    Best regards,
    Mike

    in reply to: Scrolling Issue #1486080

    Hey John,
    Thank you for your patience and your video, I recall this occurring with some plugins, so I logged in and disabled all of your plugins and tried to reproduce, but could not. So I enabled your plugins again.Try disabling all of your plugins and then reload the page, then reactivate each one individually and reload the page until you find the conflict.

    Best regards,
    Mike

    in reply to: duplicate id-attributes in the mobile menu #1486078

    Hi,
    Thank you for sharing your solution, but when I test our demo there are no IDs added to the mobile menu items, unless you mean a menu link with an ID to an anchor on the page. I tested in WAVE and found no errors for IDs.
    If you mean the link IDs to anchors on the page, note that the mobile menu is not created until the menu is clicked, nonetheless since most people use the same link IDs on their page for mobile and desktop, this would break their links.
    Since I can not reproduce your issue and this is beyond what we can do here, you are welcome to open a Github Feature Request to place a request and follow it as the Dev Team reviews it.

    Best regards,
    Mike

    Hey Diana,
    Thanks for the login, I added this code to your theme functions.php file:

    function change_aria_hidden_for_scroll_top_link_when_it_shows() { ?>
      <script>
    window.addEventListener('scroll', function() {
      const scrollTopLink = document.getElementById('scroll-top-link');
    
      if (!scrollTopLink) return;
    
      const style = window.getComputedStyle(scrollTopLink);
      const rect = scrollTopLink.getBoundingClientRect();
      const inViewport = rect.width > 0 && rect.height > 0;
    
      const ariaValue = (style.display !== 'none' && style.visibility !== 'hidden' && inViewport) ? 'false' : 'true';
    
      scrollTopLink.setAttribute('aria-hidden', ariaValue);
    
      const childSVGs = scrollTopLink.querySelectorAll('svg');
      childSVGs.forEach(svg => {
        svg.setAttribute('aria-hidden', ariaValue);
      });
    });
      </script>
      <?php
    }
    add_action( 'wp_footer', 'change_aria_hidden_for_scroll_top_link_when_it_shows', 99 );

    It changes the aria-hidden for the scroll-top-link and the SVG icon when it shows, from false to true.
    I tested in the browser DOM and it works. Unfortunately we don’t have access to the AXE tool as it looks like a paid tool, but I did check in WAVE. Unfortunately, while in the live browser the code works, the WAVE tool doesn’t update the DOM so it doesn’t look like it is working, perhaps this is a limitation of the free version, I don’t know.
    I tried to add this to your snippet Header Footer Code Manager plugin but it didn’t work there, the plugin seems limited, if you find this workshop for you and If you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:
    use wpcode php snippet and activate
    and ensure that it is activated, then add the above code and save, after you remove it from the theme functions.php file so it will not be lost when you update.

    PS for testing this is the snippet with console log comments that I tested with that will show that the aria-hidden changes while the page is scrolled:

    function change_aria_hidden_for_scroll_top_link_when_it_shows_log() { ?>
      <script>
    window.addEventListener('scroll', function() {
      const scrollTopLink = document.getElementById('scroll-top-link');
    
      if (!scrollTopLink) {
        console.log('Element #scroll-top-link not found.');
        return;
      }
    
      const style = window.getComputedStyle(scrollTopLink);
      const rect = scrollTopLink.getBoundingClientRect();
      const inViewport = rect.width > 0 && rect.height > 0;
    
      console.log('Scroll event triggered.');
      console.log('Display:', style.display);
      console.log('Visibility:', style.visibility);
      console.log('BoundingClientRect:', rect);
      console.log('In viewport:', inViewport);
    
      const ariaValue = (style.display !== 'none' && style.visibility !== 'hidden' && inViewport) ? 'false' : 'true';
    
      console.log(#scroll-top-link is ${ariaValue === 'false' ? 'visible' : 'hidden'}. Setting aria-hidden to ${ariaValue}.);
    
      // Set on the main link
      scrollTopLink.setAttribute('aria-hidden', ariaValue);
    
      // Set on any child SVGs
      const childSVGs = scrollTopLink.querySelectorAll('svg');
      childSVGs.forEach(svg => {
        svg.setAttribute('aria-hidden', ariaValue);
        console.log('Updated child SVG aria-hidden to', ariaValue);
      });
    });
    
      </script>
      <?php
    }
    add_action( 'wp_footer', 'change_aria_hidden_for_scroll_top_link_when_it_shows_log', 99 );

    don’t use both snippets at the same time, this is just for proof of work.

    Best regards,
    Mike

    in reply to: Theme update #1486074

    Hey maxb130,
    It looks like your site is using an old theme v5.6.6 and your updates are disabled.
    I was not able to login, but it looks like you are using JetPack and your images a hosted on WP though JetPack with caching.
    I don’t know what your site should look like, but I assume that you are missing background images for each section, these are added via css.
    First I recommend disabling the JetPack plugin and disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and disable any server caching. If JetPack was also using a CDN it may take up to 24 hours for it to clear.
    Since your site is using an old theme v5.6.6 and your updates are disabled, I don’t think this is an update issue, but a plugin/caching issue, hopefully these steps will help.
    Another option may be to use your webhost backup to roll back to when your site was working correctly, and then disable JetPack and see if the issue is solved.
    The theme is now at v7.1.1

    Best regards,
    Mike

    in reply to: where do i find downloads #1486073

    Hi,
    Above you write the error is “An error occurred while updating Enfold: Could not move the old version to the upgrade-temp-backup directory.” this might be related to folder permissions, try to fix the issue by creating the /wp-content/upgrade-temp-backup folder manually, then set the permission to 775.
    If I’m looking at the correct site your Envato Market plugin doesn’t have a token:
    Screen Shot 2025 06 28 at 6.37.46 AM
    Note that the Envato Market plugin doesn’t use the same permissions as the theme, so please read carefully when creating a token:
    Screen Shot 2025 06 28 at 6.42.33 AM

    Best regards,
    Mike

    in reply to: Where is contact from drag and drop in the theme #1486072

    Hi,
    please include an admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    in reply to: Padding between a code block and text block #1486071

    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: Color hover effect content element #1486070

    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: Add author info to all entries (blog) #1486059

    Hi,
    Try this thread.

    Best regards,
    Mike

    in reply to: Where is contact from drag and drop in the theme #1486058

    Hey rajprajapati,
    It is under “Content Elements”
    Screen Shot 2025 06 27 at 5.35.34 PM

    Best regards,
    Mike

    in reply to: I need to modifie my footer in Enfold #1486057

    Hey Dave,
    To remove the link in the footer, add this: [nolink] see our documentation here.
    You have spaces in your code, I don’t see a link to terms of service on your site.

    Best regards,
    Mike

    in reply to: Cannot gain access #1486056

    Hey Max Buettner,
    Unfortunately, your support expired on 2024-03-28
    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.
    We can not issue licenses or purchase codes due to our contract with Envato (Theme Forest), only they can.

    Best regards,
    Mike

    in reply to: Blog post grid overlay not showing on mobile #1486055

    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

Viewing 30 posts - 1 through 30 (of 34,546 total)