Forum Replies Created

Viewing 30 posts - 1 through 30 (of 31,364 total)
  • Author
    Posts
  • in reply to: Bug in last row of table #1438677

    Hi,
    Unfortunately the function above doesn’t allow the media queries to work so I can’t add css to make this change only for mobile, I recommend changing your page layout to suit.
    You could try creating a second set of elements and use the element visibility options to hide the desktop version and show your new mobile version, but I don’t think this will work because the element visibility options use the same css media queries to work.
    So your best option may be to design your page layout with the mobile view in mind and show it the same way for desktop, since above you wrote that 70% of user access is via mobile.

    Best regards,
    Mike

    Hi,
    Please include a admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    in reply to: Sub menu positioning #1438569

    Hi,
    Glad that we could help,thanks for using Enfold.

    Best regards,
    Mike

    in reply to: Bug in last row of table #1438556

    Hi,
    Thanks for the feedback I think I understand better now, basically you want to disable all of the mobile styles, which may make your site hard to read on mobile devices because all of the elements will be very small. Typically this would be a very big job to overwrite all of the mobile css, but I found a solution that wotks on my demo site, notice in this screenshot that the elements display like on a desktop just smaller:
    Enfold_Support_5196.jpeg
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor, or 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:
    Enfold_Support_2680.jpeg
    then add this code and save.

    function my_custom_viewport_meta( $meta_viewport ) {
        return '<meta name="viewport" content="width=1024">';
    }
    add_filter( 'avf_header_meta_viewport', 'my_custom_viewport_meta' );

    After applying please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Sub menu positioning #1438551

    Hi,
    Thanks for sharing, shall we close this thread then?

    Best regards,
    Mike

    Hi,
    Please try this snippet instead:

    window.addEventListener('pageshow', (event) => {
        if (window.matchMedia('(min-width: 990px)').matches) {
            document.querySelectorAll('#avia-menu .sub-menu').forEach((subMenu) => {
                subMenu.style.opacity = '0';
                subMenu.style.visibility = 'hidden';
                subMenu.style.display = 'none';
            });
        } else {
            const overlay = document.querySelector('.av-burger-overlay');
            if (overlay) {
                overlay.style.display = 'none';
                overlay.style.opacity = '0';
            }
    
            const hamburger = document.querySelector('.av-hamburger');
            if (hamburger) {
                hamburger.classList.remove('is-active');
            }
            document.querySelectorAll('.av-active-burger-items .sub-menu').forEach((subMenu) => {
                subMenu.style.display = 'none';
            });
    		document.querySelectorAll('.av-active-burger-items .av-width-submenu').forEach((withsubMenu) => {
                withsubMenu.classList.remove('av-show-submenu');
            });
    
            document.documentElement.classList.remove('av-burger-overlay-active', 'av-burger-overlay-active-delayed');
        }
    });

    and don’t use Smart Conditional Logic.
    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    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: Bug in last row of table #1438512

    Hi,
    I guess that I misunderstood, your screenshot showed two columns of the table side-by-side, the default behavior is a single full width column like what is shown on your site now:
    Enfold_Support_5194.jpeg
    since you say that you prefer a single column, I recommend not using the solution above and just leave it as it is right now.

    Best regards,
    Mike

    in reply to: Text with image #1438507

    Hi,
    Please use a text block element and add your image then click it to show the alignment option and choose right align:
    Enfold_Support_5192.jpeg

    Best regards,
    Mike

    in reply to: Product Grid Full-Width #1438506

    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,
    I was just working on another thread where a similar issue was that the sub-menu and the burger menu were still open when the browser back button was used, this is due to the browser serving a browser cached version of the page. The following javascript solved this in my tests, and while my above solution worked for the custom button issue you are having I thought that perhaps this would be a better solution for you as it will also solve the use of the browser back button, so give this a try instead of the above solutions and see if it works for you. I recommend using the WP Code plugin then add a new snippet, in the top right corner use the javascript snippet as the code type:
    Enfold_Support_5190.jpeg
    and add this code:

    window.addEventListener('pageshow', (event) => {
        if (window.matchMedia('(min-width: 990px)').matches) {
            document.querySelectorAll('.sub-menu').forEach((subMenu) => {
                subMenu.style.opacity = '0';
                subMenu.style.visibility = 'hidden';
            });
        } else {
            const overlay = document.querySelector('.av-burger-overlay');
            if (overlay) {
                overlay.style.display = 'none';
                overlay.style.opacity = '0';
            }
            const hamburger = document.querySelector('.av-hamburger');
            if (hamburger) {
                hamburger.classList.remove('is-active');
            }
            document.documentElement.classList.remove('av-burger-overlay-active', 'av-burger-overlay-active-delayed');
        }
    });
    
    

    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

    Hey Bruno,
    Thanks for the screenshots, I tested this on my demo site with Safari on Mac and Firefox on Windows and the sub-menu and the burger menu were open when the browser back button was used, this is due to the browser serving a browser cached version of the page. The following javascript solved this in my tests, I recommend using the WP Code plugin then add a new snippet, in the top right corner use the javascript snippet as the code type:
    Enfold_Support_5190.jpeg
    and add this code:

    window.addEventListener('pageshow', (event) => {
        if (window.matchMedia('(min-width: 990px)').matches) {
            document.querySelectorAll('.sub-menu').forEach((subMenu) => {
                subMenu.style.opacity = '0';
                subMenu.style.visibility = 'hidden';
            });
        } else {
            const overlay = document.querySelector('.av-burger-overlay');
            if (overlay) {
                overlay.style.display = 'none';
                overlay.style.opacity = '0';
            }
            const hamburger = document.querySelector('.av-hamburger');
            if (hamburger) {
                hamburger.classList.remove('is-active');
            }
            document.documentElement.classList.remove('av-burger-overlay-active', 'av-burger-overlay-active-delayed');
        }
    });
    
    

    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: Product Grid Full-Width #1438499

    Hey KQed0428,
    Thanks for the link to your site, but the login doesn’t allow me to add css, so you will need to add this to achieve what you are asking;
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.home .product-sorting {
    	display: none;
    }
    .responsive #top.home #av_section_3 > .container {
    	  max-width: 100%;
    	  padding: 0;
    }

    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: Google Cookie Consent Mode v2 #1438498

    Hey woogie07,
    You will need to use a plugin, the Dev Team says it is specific for commercial websites and too specific for theme. I’m not sure what plugins are available for this as I have not investigated it.

    Best regards,
    Mike

    in reply to: Gallery Captions #1438497

    Hey scotthco,
    Please link to your page so we can examine and understand better.

    Best regards,
    Mike

    in reply to: :hover effect on child divs when hovering over parent. #1438496

    Hey TBant,
    Please link to your page so we can examine and understand better.

    Best regards,
    Mike

    Hi,
    When I check your site it shows that it is using v5.6.10, so it seems that how you tried to restore to the old version didn’t work. Try checking with your webhost backup versions and choose one from the time that your site was working correctly and then restore it, please note that you need to restore the files and the database, some webhost backups show the database restore on a different tab in the tool and may be easily overlooked.
    After you restore the site, try creating a staging site and use it to test updates on, typically updates don’t cause an issue, but one can not be sure how customizations or plugins will behave with a update, in general this is a good practice.

    Most cPanel webhosts have a staging site option, some in the dashboard:
    staging-1.jpeg
    Others add the option in the Softaculous WordPress Management
    2022-12-11_001.jpeg
    There may be other staging site options in different cPanel servers, these are the two that I have seen.

    Best regards,
    Mike

    in reply to: Bug in last row of table #1438493

    Hey cuccarini,
    Thank you for your patience and the link to your site, for your table your custom css was setting the table to flex but not the last row, I adjusted your css so the last row is also flex and removed the dots, now it works correctly.
    Compared to your screenshot it looks like you would like the table to have the two columns side-by-side, so to do this I added this css:

    @media only screen and (max-width: 767px){
    .responsive .mobile-two-columns .pricing-table-wrap {
     display: table-cell;
     width: 30%;
    }
    }

    and then I added the custom class mobile-two-columns to your first table:
    Enfold_Support_5186.jpeg
    and now the columns are side-by-side on mobile under the image:
    Enfold_Support_5188.jpeg
    I know your screenshot showed the image and the two columns all in one row, but this made the table too small on smaller devices like iPhone 7.
    If you want to add this to your other tables, then add the custom class mobile-two-columns to them like the first one.

    Best regards,
    Mike

    in reply to: How to Put Masonry Gallery Title In Its Own Div #1438475

    Hey TBant,
    Thank you for your patience, if you are using the masonry gallery with the caption always showing under the image:
    Enfold_Support_5180.jpeg
    and you want to change the background color of the caption, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .main_color .container .av-inner-masonry-content,
    #top .main_color .container .av-masonry-entry .avia-arrow {
    	background-color: orange;
    }

    After applying the css, please clear your browser cache and check.
    This is the expected results:
    Enfold_Support_5184.jpeg

    Best regards,
    Mike

    Hi,
    I believe that you misunderstand, if you want to use your button tag then you don’t need the jQuery I posted above, just add this to your page in a code block element:
    <button type="button" onclick="window.history.back()">Click me</button>
    If you want to use the button element, as above, just follow those steps:
    Add a button to a page with the custom classes back menu-item
    then add this to your functions.php:

    function custom_script() { ?>
      <script>(function($){
      $(".back.menu-item a").attr("onclick", "window.history.back()");
    })(jQuery);
    </script>
      <?php
    }
    add_action( 'wp_footer', 'custom_script', 99 );

    Don’t do both, and don’t use the plugin.
    If you still have trouble please include an admin login in the Private Content area so we can add this for you.

    Best regards,
    Mike

    Hi,
    If you don’t want to use a button element and want to add your own button tag then try this:
    <button type="button" onclick="window.history.back()">Click me</button>
    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    I also tesed this on my demo site and enulated a mobile device and with the mobile menu I landed on the page with the button and when I clicked it I was sent back and the mobile menu was not open.

    Best regards,
    Mike

    in reply to: How to add a enfold icon to the menu link #1438464

    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: cache not working #1438423

    Hi,
    Thank you for the update about the SG cache system, I don’t know why this was an issue, but I’m glad that you have it sorted out now, and now your site is working well with no issues.
    Thanks for sharing your experience, perhaps this will help future users that are using the SG cache system.
    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: Avia Layout Builder doesn’t work #1438387

    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: Blog page questions #1438386

    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: How to add a enfold icon to the menu link #1438385

    Hi,
    I believe that you are referring to the Widget Navigation Menu,
    Enfold_Support_5176.jpeg
    to add the icons to those menu items add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #menu-footer-menu li.menu-item > i ~ a {
    	display: inline-block;
    }
    #menu-footer-menu li.menu-item > i:before {
    	color: #fff;
    }

    Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor, 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:
    Enfold_Support_2680.jpeg
    then add this code and save. Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    function add_icon_to_widget_menu_items() { ?>
      <script>
    document.addEventListener("DOMContentLoaded", function() {
        const menuItems = document.querySelectorAll('#menu-footer-menu li'); 
        menuItems.forEach(function(item) {
            let classes = item.className.split(/\s+/);
            let iconClass = classes.find(c => c.startsWith('menu-item-icon-'));
            if (iconClass) {
                let iconName = iconClass.replace('menu-item-icon-', '');
                item.innerHTML = '<i class="fa ' + iconName + '"></i> ' + item.innerHTML;
            }
        });
    });
    </script>
      <?php
    }
    add_action( 'wp_footer', 'add_icon_to_widget_menu_items', 99 );

    Enfold_Support_5178.jpeg

    Best regards,
    Mike

    in reply to: Struggling to add custom css (it doesn’t work!) #1438383

    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,
    I tried to recreate the issue by adding a button to a page with the custom classes back menu-item
    note there are no dots and there is a space
    Then I used this jQuery:

    (function($){
      $(".back.menu-item a").attr("onclick", "window.history.back()");
    })(jQuery);

    I added it with the WPCode plugin and a javascript snippet type, but you could use your functions.php if you wrap it like this

    function custom_script() { ?>
      <script>(function($){
      $(".back.menu-item a").attr("onclick", "window.history.back()");
    })(jQuery);
    </script>
      <?php
    }
    add_action( 'wp_footer', 'custom_script', 99 );

    then I logged out and enulated a mobile device and with the mobile menu I landed on the page with the button and when I clicked it I was sent back and the mobile menu was not open.
    Give this a try. Perhaps you can use this instead of the plugin.

    Best regards,
    Mike

    in reply to: How to add a enfold icon to the menu link #1438363

    Hi,
    It sounds like you followed the instructions above and the main menu now has the icons next to the items, so the next step is to create a footer menu in the menu page
    Enfold_Support_5168.jpeg
    and then ensure that you have added the classes to the footer menu items, just like the main menu:
    Enfold_Support_5170.jpeg
    then choose the footer menu for the footer location:
    Enfold_Support_5172.jpeg
    and you should see the icons next to the items:
    Enfold_Support_5174.jpeg
    Please note that the footer menu doesn’t allow a drop down menu so you won’t see sub-menu items.

    Best regards,
    Mike

    in reply to: Leerzeichen bei Speziellen Überschriften #1438341

    Hey martinmdot,
    Typically this is due to a plugin, Try disabling all of your plugins and then reload the page. If that resolves the issue, reactivate each one individually and reload the page until you find the conflict.

    Best regards,
    Mike

Viewing 30 posts - 1 through 30 (of 31,364 total)