Forum Replies Created

Viewing 30 posts - 181 through 210 (of 33,004 total)
  • Author
    Posts
  • in reply to: Verschiedene Menues bei unterschiedlcihen Seiten #1465375

    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,
    This sounds like a z-index issue, but I would need to see your site as I can’t reproduce this on my site.
    Please let us know when your site is online so we can see it.

    Best regards,
    Mike

    in reply to: New Social Media Links #1465365

    Hi,
    Please see this thread it includes the filter to add custom social profiles in the posts.
    The thread is for “TikTok” but you should be able to adjust for your icons, please review and try.

    Best regards,
    Mike

    in reply to: LAtest Enfold doesnt repect CSS chagnes? #1465364

    Hi,
    Thanks for the link to your site, I looked at all of your page and see that your “footer” as a page is not showing on any of them, typically this is a conflict with Elementor Pro that I see you are loading via muilti-site.
    Try disabling Elementor Pro completely and check again, if you still have trouble leave Elementor Pro disabled so we can check, we were not able to disable.
    Please note that Enfold and Elementor Pro are note designed to work together.

    Best regards,
    Mike

    in reply to: social icons in mobile menu #1465363

    Hi,
    For the language switcher in your mobile menu, your setting will only show the language that is not active, to always show both you need to use this option:
    Screen Shot 2024 08 25 at 11.54.38 AM
    and this css:

    @media only screen and (max-width: 768px) {
    #top #wrap_all #header #av-burger-menu-ul li.menu-item-wpml-ls-58-en, #top #wrap_all #header #av-burger-menu-ul li.menu-item-wpml-ls-58-da {
            width: 50px;
            display: inline-block;
            top: 30px;
    }
    }

    I did this for you:
    Screen Shot 2024 08 25 at 12.03.27 PM
    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Verschiedene Menues bei unterschiedlcihen Seiten #1465361

    Hey ulrikelauer,
    Thank you for your question, as I understand you would like a different menu for different pages.
    Try following this thread.

    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: woocommerce stripe payment method fee #1465357

    Hey jamesedwardcouncill,
    I didn’t find anything in the official woocommerce API documentation Note that they only offer:
    Add a percentage based surcharge to all transactions
    Add a standard $ value surcharge to all transactions
    Add a surcharge based on the delivery country

    I also found this paid plugin that only offers the same options: Payment Gateway Based Fees
    But I did find this snippet: Adding cart fees depending on the chosen payment gateway
    I don’t have a way to test it, but perhaps it will work for you.

    Best regards,
    Mike

    in reply to: Seasonal calendar – further #1465356

    Hey beyond-flora,
    Try this code:

    function garden_progress_bars_shortcode($atts) {
        $atts = shortcode_atts(
            array(
                'pre_cultivation_start' => '',
                'pre_cultivation_end' => '',
                'planting_start' => '',
                'planting_end' => '',
                'harvest_start' => '',
                'harvest_end' => '',
                'pre_cultivation_color' => '',
                'planting_color' => '',
                'harvest_color' => '',
                'pre_cultivation_label' => '',
                'planting_label' => '',
                'harvest_label' => '',
                'pre_cultivation_link' => '',
                'planting_link' => '',
                'harvest_link' => '',
            ),
            $atts,
            'garden_progress_bars'
        );
        
        $output = '
        <style>
            .garden-progress-bars {
                font-family: Arial, sans-serif;
                max-width: 960px; 
                margin: 0 auto;
            }
            .progress-header, .progress-header div:not(.header-offset) {
                display: inline-flex;
                width: 100%;
                justify-content: space-evenly;
            }
    		.progress-header div:not(.header-offset) {
        		border-left: 1px solid #eee;
            }
            .month {
                width: calc((100% - 160px)/12); 
                text-align: center;
            }
            .progress-row {
                display: flex;
                align-items: center;
                margin-bottom: 10px;
            }
            .label-container {
                width: 150px; 
                text-align: right;
                padding-right: 10px; 
            }
            .progress-container {
                display: flex;
                width: calc(100% - 160px); 
                align-items: center;
            }
            .progress-bar-container {
                flex-grow: 1;
                background-color: #000;
                height: 20px;
                position: relative;
            }
            .progress-bar {
                height: 100%;
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                font-weight: bold;
                font-size: 12px;
                text-align: center;
            }
            .progress-header .header-offset {
                width: 150px;
    			display: inline-flex;
                flex-shrink: 0;
            }
        </style>
        <div class="garden-progress-bars">
            <div class="progress-header">
                <div class="header-offset"></div>'; 
                
        $months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
        foreach ($months as $month) {
            $output .= "<div class='month'>$month</div>";
        }
        $output .= '</div>'; 
        
        $create_progress_bar_row = function($label, $color, $start, $end, $link) use ($months) {
            $start_month_index = array_search($start, $months);
            $end_month_index = array_search($end, $months);
            $width = (($end_month_index - $start_month_index + 1) / 12) * 100;
            $left = ($start_month_index / 12) * 100;
            $bar_content = "<div class='progress-bar' style='background-color: $color; width: $width%; left: $left%;'>$label</div>";
            if ($link) {
                $bar_content = "<a href='$link' target='_blank' style='display: block; height: 100%;'>$bar_content</a>";
            }
            return "
            <div class='progress-row'>
                <div class='label-container'>$label</div>
                <div class='progress-container'>
                    <div class='progress-bar-container'>
                        $bar_content
                    </div>
                </div>
            </div>";
        };
        
        $output .= $create_progress_bar_row($atts['pre_cultivation_label'], $atts['pre_cultivation_color'], $atts['pre_cultivation_start'], $atts['pre_cultivation_end'], $atts['pre_cultivation_link']);
        $output .= $create_progress_bar_row($atts['planting_label'], $atts['planting_color'], $atts['planting_start'], $atts['planting_end'], $atts['planting_link']);
        $output .= $create_progress_bar_row($atts['harvest_label'], $atts['harvest_color'], $atts['harvest_start'], $atts['harvest_end'], $atts['harvest_link']);
    
        $output .= '</div>'; 
    
        return $output;
    }
    add_shortcode('garden_progress_bars', 'garden_progress_bars_shortcode');

    and this shortcode on your page:

    [garden_progress_bars 
        pre_cultivation_start="Jan" 
        pre_cultivation_end="Mar" 
        pre_cultivation_color="green" 
        pre_cultivation_label="Pre-cultivation" 
        pre_cultivation_link="https://example.com/pre-cultivation"
    
        planting_start="Apr" 
        planting_end="Jun" 
        planting_color="blue" 
        planting_label="Planting" 
        planting_link="https://example.com/planting"
    
        harvest_start="Jul" 
        harvest_end="Sep" 
        harvest_color="orange" 
        harvest_label="Harvest" 
        harvest_link="https://example.com/harvest"
    ]

    Each bar will be a link with a new label:
    Screen Shot 2024 08 25 at 10.11.41 AM

    Best regards,
    Mike

    Hey Peter,
    To have only the first slide title changed to H1 try this instead:

    function replace_first_slide_title_tag(){
    ?>
    <script>
      (function($) {       
          function replaceElementTag(targetSelector, newTagString) {
            $(targetSelector).each(function(){
              var newElem = $(newTagString, {html: $(this).html()});
              $.each(this.attributes, function() {
                newElem.attr(this.name, this.value);
              });
              $(this).replaceWith(newElem);
            });
          }
        
          replaceElementTag('.slide-1 .slideshow_caption h2.avia-caption-title', '<h1></h1>');
        
      }(jQuery)); 
    </script>
    <?php
    }
    add_action('wp_footer', 'replace_first_slide_title_tag');

    Best regards,
    Mike

    in reply to: Padding/margin in widget around script #1465348

    Hey Peter,
    In this screenshot the green is the padding:
    Screen Shot 2024 08 25 at 8.28.17 AM
    I assume that you want to remove this, but unfortunately this is loaded as a iframe so you can not remove it, it needs to be adjusted where the iframe comes from.
    Another option is to add the same padding to the widget title and the image below it and then remove the same amount of margin from the column.

    #footer #text-6 h3.widgettitle,
    #footer #media_image-3 {
    	padding-left: 24px;
    }
    #footer .flex_column.av_one_third:nth-child(3) {
    	margin-left: calc(6% - 24px);
    }  

    Screen Shot 2024 08 25 at 8.44.14 AM

    Best regards,
    Mike

    in reply to: SVG Size in Admin Broken #1465347

    Hey ronduring,
    Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_css_admin_mod() {
      echo '<style>
        .avia-modal .avia-table img[src*=".svg"] {
    width: 24px;
    }
      </style>';
    }
    add_action('admin_head', 'custom_css_admin_mod');

    Then clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Advanced Layout Builder not showing on some pages #1465346

    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 and where to insert a code into the tag? #1465345

    Hi,
    The code looks correct and I see that the richsnippet.js is loading on your page, so I’m not sure what (Assessment guideline is outside review scope) is but I think it is about how your page is rated. Try asking the trustindex.io support as the code is working on your page.

    Best regards,
    Mike

    in reply to: “Header Invisible Until User Scrolls” not working #1465341

    Hi,
    I not sure what you mean, I was saying that when the parent theme is used the header worked correctly on scroll, so this would point to the error in your child theme, and I see that you have custom files in your child theme:
    Screen Shot 2024 08 25 at 6.55.21 AM
    So did you try switching the parent theme?
    Did you try removing these files from your child theme?
    Typically the custom header.php & footer.php causes these issues, but you said that you already tried removing these.

    Best regards,
    Mike

    in reply to: Advanced Layout Builder not showing on some pages #1465338

    Hi,
    If you are using the installable WP version:
    Screen Shot 2024 08 25 at 6.23.45 AM
    Then you may need to also change the PHP Post Max Size right now it is at 16mb:
    Screen Shot 2024 08 25 at 6.43.10 AM
    Since each server is different your webhost will know the correct way to do this on your server.

    Best regards,
    Mike

    in reply to: Burger Menu #1465337

    Hi,
    Try support@kriesi.at, but note that we will not receive any emails at that address, so you will need to paste the login link user name and password in the Private Content area below.
    I also see that your “wpo-minify” is still active, please disable.

    Best regards,
    Mike

    in reply to: Changes to right sidebar header #1465336

    Hi,
    To change the menu links inside the burger menu to green, try this css:

    #av-burger-menu-ul a {
    	color: #92B743;
    }

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

    Best regards,
    Mike

    in reply to: Sidebar does not work #1465308

    Hi,
    A color section is a full width section, this will force the sidebar below the color section. Try using a column, this will allow the sidebar, or add a widget element inside the color section to show your sidebar widgets.

    Best regards,
    Mike

    in reply to: Hook to add widget area above blog loop? #1465307

    Hi,
    This seems to be a duplicate thread, please see your other thread:

    You could add a check for the page that you want you show it on, for example if the page ID is “1028” use this:

    add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 );
    function enfold_customization_blog_widget_area() {
        if ( is_page(1028) ) { 
            dynamic_sidebar( 'blogheaderwidget' );
        }
    }

    or you can use the page slug like this:

    add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 );
    function enfold_customization_blog_widget_area() {
        if ( is_page('your-page-slug') ) { 
            dynamic_sidebar( 'blogheaderwidget' );
        }
    }

    The WordPress Conditional Tags documentation state:

    There is no conditional tag for the blog page. You have to use both is_home() and is_front_page() to detect this page, but those functions can be misused.

    They offer a different solution, try reading it, but I think the two solutions above will work fine.

    Best regards,
    Mike

    in reply to: Bug:Blog Header hooks no longer working properly #1465306

    Hi,
    You could add a check for the page that you want you show it on, for example if the page ID is “1028” use this:

    add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 );
    function enfold_customization_blog_widget_area() {
        if ( is_page(1028) ) { 
            dynamic_sidebar( 'blogheaderwidget' );
        }
    }

    or you can use the page slug like this:

    add_action( 'ava_after_main_title', 'enfold_customization_blog_widget_area', 50 );
    function enfold_customization_blog_widget_area() {
        if ( is_page('your-page-slug') ) { 
            dynamic_sidebar( 'blogheaderwidget' );
        }
    }

    The WordPress Conditional Tags documentation state:

    There is no conditional tag for the blog page. You have to use both is_home() and is_front_page() to detect this page, but those functions can be misused.

    They offer a different solution, try reading it, but I think the two solutions above will work fine.

    Best regards,
    Mike

    Hey S.,
    You can ignore this message, the element will be kept for backward compatibility so you don’t need to change all 500 pages.
    When you create new pages consider the new element “Custom Layout”, and over time as you update the old pages switch to the new element.
    There is not a way to switch all of your pages at once, but your old pages will not break, the Dev Team only wants to let you know that the element is no longer maintained for new features.
    So you don’t need to do anything, if you don’t want to.

    Best regards,
    Mike

    in reply to: Advanced Layout Builder not showing on some pages #1465302

    Hi,
    As for updating, I don’t believe that you are using the correct zip file installable WP version, in your Theme Forest account there are two files to download, on includes other files and documentation, this will cause the error that you see, please look for installable WP version. Otherwise please upload to dropbox so I can download it and check.
    As for some of your pages without Advanced layout builder:
    Screen Shot 2024 08 24 at 9.13.02 AM
    most are not ALB pages, but I did find one called “Magazine”
    Screen Shot 2024 08 24 at 9.19.16 AM
    this was saved as a “block editor” page at one time and the reason that you don’t see the ALB button is an error in the theme version or a plugin conflict, so to fix without updating I switch to the “classic editor” at Enfold Theme Options ▸ Select Your Editor ▸ Use WP Classic Editor
    Screen Shot 2024 08 24 at 9.24.00 AM
    now the button shows:
    Screen Shot 2024 08 24 at 9.25.45 AM
    I then click it and the ALB page loads and I re-save:
    Screen Shot 2024 08 24 at 9.27.45 AM
    and now the page is fixed:
    Screen Shot 2024 08 24 at 9.29.44 AM
    please check and try this with your other pages.
    Please note that your “About Us” page is not a ALB page, so if you don’t see code in the page don’t convert to a ALB page.

    Best regards,
    Mike

    in reply to: Advanced Layout Builder not showing on some pages #1465297

    Hi,
    When I check your site it looks like you are using v5.6.12. If you try to edit the pages and the default WordPress editor loads this could mean that the page was saved with that editor last, try clicking the blue “Advanced Layout Builder” button and see if it loads correctly, if so then save again and the page should then show as a ALB page in the page list.
    If you need further help, please post the temporary login plugin link in the Private Content area below so we can examine, you can use any fake email address as we don’t have one email box of all Mods to share.

    To update try to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
    WordPress_Appearance_Themes_Add-Themes_Add-New.jpg
    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
    Installing_theme_from_uploaded_file_This_theme_is_already_installed.jpg
    then you will see the Theme updated successfully message.
    Theme_updated_successfully.jpg

    Best regards,
    Mike

    in reply to: Changes to right sidebar header #1465296

    Hi,
    #2 The custom menu bar is 100px wide:
    Screen Shot 2024 08 24 at 7.39.05 AM
    but the flyout menu is 300px, but the burger menu is still only 100px:
    Screen Shot 2024 08 24 at 7.42.06 AM
    The flyout overlay is white and you can not make the burg1 menu area only a gray color.
    So if you want a gray burger menu when the menu is closed try this css:

    .toolbar-content#content1 {
        width: 100%;
        height: 100px;
        background-color: #8c8c8c;
    }
    html:not(.av-burger-overlay-active) #top .av-burger-overlay li li .avia-bullet, html:not(.av-burger-overlay-active) #top .av-hamburger-inner,html:not(.av-burger-overlay-active) #top .av-hamburger-inner::before,html:not(.av-burger-overlay-active) #top .av-hamburger-inner::after {
      background-color: #fff !important; 
     }

    Screen Shot 2024 08 24 at 7.54.03 AM
    but when it is open it will look like this:
    Screen Shot 2024 08 24 at 7.55.12 AM
    It is probably best to not change this.

    Best regards,
    Mike

    in reply to: Burger Menu #1465295

    Hi,
    ionware1 I would recommend disabling all plugins and see if that helps, if not and you are using a child theme with custom files like a header.php or footer.php remove these files or switch to the parent theme and see if that helps.
    If not then please open a new thread so we can assist, and include your admin login in the Private Content area, but as this is not your thread your login info will not be private if posted here, and you will not be able to see anything that we write in the Private Content area.

    Best regards,
    Mike

    in reply to: “Header Invisible Until User Scrolls” not working #1465250

    Hi,
    I tried enabling the parent theme, and the header worked correctly on scroll then on your test page, I then re-enabled your child theme.
    I see that you also have custom shortcode elements in your child theme, try removing these and check, if this helps, add them back one at a time to find the conflict.

    Best regards,
    Mike

    in reply to: header problem #1465249

    Hi,
    I checked the css on your site, but the first dot was missing, so I added it and now it works.
    Please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Burger Menu #1465248

    Hi,
    It looks like your caching plugin is still active “wpo-minify”, or at least the cache is still being severed.
    Try clearing and disabling your caching plugin completely, and include a admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    Hi,
    To have a sticky sub-menu on your desktop with the burger menu, and on your mobile without the sticky header, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function desktop_burger_menu_sub_menu_sticky() { ?>
    <script>
    window.addEventListener('DOMContentLoaded', function() {
      (function($){
      	var width = $(window).width();
        var $stickyTop = $('#sub_menu1');
        if (width <= 989) {
        $stickyTop.waypoint(function(direction) {
          if (direction === 'down') {
             $stickyTop.addClass('sticky-top');
          }
          if (direction === 'up') {
             $stickyTop.removeClass('sticky-top');
          }
        }, {
          offset: '0%'
        });
        }
    	else if (width >= 990) {
        $stickyTop.waypoint(function(direction) {
          if (direction === 'down') {
             $stickyTop.addClass('sticky-top');
          }
          if (direction === 'up') {
             $stickyTop.removeClass('sticky-top');
          }
        }, {
          offset: '95px'
        });
        }
      })(jQuery);
    });
    </script>
      <?php
    }
    add_action('wp_footer', 'desktop_burger_menu_sub_menu_sticky');

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    also add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 989px) { 
    .responsive #top #sub_menu1.av-submenu-container.sticky-top {
    	position:fixed!important;
    	top:0!important;
    	z-index:600!important;
    }
    }
    @media only screen and (min-width: 990px) { 
    .responsive #top #sub_menu1.av-submenu-container.sticky-top {
    	position:fixed!important;
    	top:95px!important;
    	z-index:600!important;
    }
    }

    This accounts for the mobile switch at 989px when your typical header is no longer sticky, but the sub-menu will be sticky at the top.
    In the css & script you may need to adjust the top height, my text site header was 95px high, if yours is different please change.
    If you have trouble with this please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

Viewing 30 posts - 181 through 210 (of 33,004 total)