Hi,

Thank you for the update.

You should not copy the entire functions.php file from the parent theme. Only copy the script that @Guenni007 provided above. Please try again, and make sure that you copy the code directly from this forum. Also, make sure that at the start of the functions.php file, you have this opening tag:

<?php

The complete functions.php file would be:

<?php

function ava_custom_script_mod_social(){
?>
<script>
(function($){
  $('#header').one('click', '.av-main-nav-wrap', function() {
      var isMobile  = $('.av-burger-menu-main').css('display'),
      isHeading = "Social Bookmarks",
      social    = $('#header_main .social_bookmarks').clone(true).addClass('sub-menu'),
      mobileMenu  = $('.av-burger-overlay');
      
      mobileMenu.find('#av-burger-menu-ul').append('<li class="only-burger menu-item-social av-active-burger-items"><a itemprop="url" alt="Social Bookmarks" style="" href="#"><span class="avia-bullet"></span><span class="avia-menu-text">'+isHeading+'</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>');
    
      if( social.length ){
        mobileMenu.find('.only-burger.menu-item-social').append(social);
      }
    });
        
    var htmlString   = $('#socket .social_bookmarks').clone().find('li a'),
    socialString = [];

    htmlString.each(function() {
      var socialClass = $(this).parent('li').attr('class'),
      socialItems = $(this).wrap('<li class="'+ socialClass + ' menu-item menu-item-avia-special menu-social"></li>').parent().unwrap();
      socialString.push(socialItems);
    });
    var socials = socialString.reverse();

    $(socials).each(function() {
      $(this).appendTo('#avia-menu');
    });

    $('#avia-menu .menu-social').css('float', 'right'); 
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod_social');

Best regards,
Ismael

Hey Vladimir,
I see the site is using Enfold v4.5, this is not PHP v8.3 compatible.
You will need to update the v5.6.10 to update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

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

then you will see the Theme updated successfully message.

If you can not login to the Theme Forest account with the update files then you will need to purchase again and create a account that you can access.

Best regards,
Mike

Hi,
Please review the functions.php file around line 296 it shows the 12 image sizes that the theme creates and the description for each:

$avia_config['imgSize']['widget'] 			 	= array( 'width' => 36,  'height' => 36 );						// small preview pics eg sidebar news
$avia_config['imgSize']['square'] 		 	    = array( 'width' => 180, 'height' => 180 );		                // small image for blogs
$avia_config['imgSize']['featured'] 		 	= array( 'width' => 1500, 'height' => 430 );					// images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] 		= array( 'width' => 1500, 'height' => 630 );					// images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] 		 	= array( 'width' => 1500, 'height' => 1500 , 'crop' => false );	// images for fullscrren slider
$avia_config['imgSize']['portfolio'] 		 	= array( 'width' => 495, 'height' => 400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array( 'width' => 260, 'height' => 185 );						// images for portfolio 4 columns
$avia_config['imgSize']['gallery'] 		 		= array( 'width' => 845, 'height' => 684 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] 		 	= array( 'width' => 710, 'height' => 375 );						// images for magazines
$avia_config['imgSize']['masonry'] 		 		= array( 'width' => 705, 'height' => 705 , 'crop' => false );	// images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] 	= array( 'width' => 845, 'height' => 321 );		            	// big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array( 'width' => 1210, 'height' => 423 );					// images for fullsize pages and fullsize slider

so depending on the elements that you are using you can decide to remove some of these, if you which.
WordPress adds 4 other sizes, small, medium, medium_large, large, and other plugins may add other sizes, such as woocommerce.
Removing these sizes will depend on your site layout and the devices that people use, you will need to test and decide if you need these sizes. Removing some sizes will make your site use larger images than needed which could slow down your loading time, or on very large screens some of your images may seem to be blurry because a smaller image is used. So there is no quick answer, you will just need to test.
You may also note that the thumbnails that WordPress creates may be larger than the original, so 30k of images might be over 9 gigs, here is a easy way to compress 30k of images down to under 900 mb without a plugin and save a lot of space.

Best regards,
Mike

Hi,

@Guenni007: Yes, the script should work regardless of the burger menu settings. You may need to add a few more conditions if you need to prevent the submenu from sticking when the burger menu overlay is active.

function ava_custom_sticky_sub_menu()
{ ?>
    <script>
  (function($){
    var width = $(window).width();
    var $stickyTop = $('#sub_menu1');
    if (width <= 767) {
        $stickyTop.waypoint(function(direction) {
            if (direction === 'down') {
                $stickyTop.addClass('sticky-top');
            }
            if (direction === 'up' || $('.av-burger-overlay').is(':visible')) {
                $stickyTop.removeClass('sticky-top');
            }
        }, {
            offset: '0%'
        });
    }
    })(jQuery);
  </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_sticky_sub_menu', 99 );

Best regards,
Ismael

Hi,

Thank you for the screenshot.

We don’t get any errors when we add the code in the functions.php file. Please revert the changes, re-open the functions.php file or refresh the dashboard, then make sure to copy the code directly from forum before pasting it to the functions.php file.

function custom_sticky_sub_menu()
{ ?>
    <script>
  (function($){
    var width = $(window).width();
    var $stickyTop = $('#sub_menu1');
    if (width <= 767) {
        $stickyTop.waypoint(function(direction) {
            if (direction === 'down') {
                $stickyTop.addClass('sticky-top');
            }
            if (direction === 'up') {
                $stickyTop.removeClass('sticky-top');
            }
        }, {
            offset: '0%'
        });
    }
    })(jQuery);
  </script>
    <?php
}
add_action( 'wp_footer', 'custom_sticky_sub_menu', 99 );

Best regards,
Ismael

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 #sub_menu1 .container {
    width: 100%;
    max-width: 100%;
}
#av-custom-submenu-1 span {
	font-size: 12px;
}
#top #av-custom-submenu-1.av-subnav-menu > li > a {
    padding: 0px 5px 0px 5px;
}
#top #sub_menu1 .av-submenu-pos-right {
    text-align: center;
}
.sticky-top {
	position:fixed!important;
	top:0!important;
	z-index:600!important;
}
}

Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_sticky_sub_menu() { ?>
  <script>
(function($){
  var width = $(window).width();
var $stickyTop = $('#sub_menu1');
if (width <= 767) {
$stickyTop.waypoint(function(direction) {
  if (direction === 'down') {
     $stickyTop.addClass('sticky-top');
  }
  if (direction === 'up') {
     $stickyTop.removeClass('sticky-top');
  }
}, {
  offset: '0%'
});
}
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_sticky_sub_menu', 99 );

Then clear your caching plugin and browser, please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
In my test with makes the sub-menu sticky on mobile ans reduces the size of the menu itme so they fit better, feel free to 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

Hey William,
To show dual sidebars you can try this customization, first set your sidebar on your post to a “right sidebar” then in your child theme add this custom “sidebar.php”

<?php
if ( ! defined( 'ABSPATH' ) )	{ die(); }

// Display both left and right sidebars
echo "<aside class='sidebar sidebar_left' " . avia_markup_helper( array( 'context' => 'sidebar', 'echo' => false ) ) . '>';
echo '<div class="inner_sidebar extralight-border">';

// Display the subnavigation for pages
$av_sidebar_menu = avia_sidebar_menu( false );
if( $av_sidebar_menu )
{
    echo $av_sidebar_menu;
}

$the_id = @get_the_ID();

$custom_sidebar = '';
if( ! empty( $the_id ) && is_singular() )
{
    $custom_sidebar = get_post_meta( $the_id, 'sidebar', true );
}

/**
 * @param string $custom_sidebar
 * @return string
 */
$custom_sidebar = apply_filters( 'avf_custom_sidebar', $custom_sidebar );

if( $custom_sidebar )
{
    dynamic_sidebar( $custom_sidebar );
}
else
{
    if( empty( $avia_config['currently_viewing'] ) )
    {
        $avia_config['currently_viewing'] = 'page';
    }

    // general shop sidebars
    if( $avia_config['currently_viewing'] == 'shop' && dynamic_sidebar( 'Shop Overview Page' ) )
    {
        // Do nothing here
    }

    // single shop sidebars
    if( $avia_config['currently_viewing'] == 'shop_single' )
    {
        // Do nothing here
    }

    if( $avia_config['currently_viewing'] == 'shop_single' && dynamic_sidebar( 'Single Product Pages' ) )
    {
        // Do nothing here
    }

    // general blog sidebars
    if( $avia_config['currently_viewing'] == 'blog' && dynamic_sidebar('Sidebar Blog') )
    {
        // Do nothing here
    }
	// custom left sidebar
    if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar('left-sidebar') )
    {
        // Do nothing here
    }

    // general archive sidebars
    if( avia_get_option( 'archive_sidebar' ) == 'archive_sidebar_separate' )
    {
        if( $avia_config['currently_viewing'] == 'archive' && dynamic_sidebar( 'Sidebar Archives' ) )
        {
            // Do nothing here
        }
    }

    // general pages sidebars
    if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar( 'Sidebar Pages' ) )
    {
        // Do nothing here
    }

    // forum pages sidebars
    if( $avia_config['currently_viewing'] == 'forum' && dynamic_sidebar( 'Forum' ) )
    {
        // Do nothing here
    }

    // global sidebar
    if( dynamic_sidebar( 'Displayed Everywhere' ) )
    {
        // Do nothing here
    }

    /**
     * Filter to show default dummy sidebar
     *
     * @param false|string $default_sidebar
     * @return false|string
     */
    if( apply_filters( 'avf_show_default_sidebars', $default_sidebar ) )
    {
         if( apply_filters( 'avf_show_default_sidebar_pages', true ) )
         {
             avia_dummy_widget(2);
         }

         if( apply_filters( 'avf_show_default_sidebar_categories', true ) )
         {
             avia_dummy_widget(3);
         }

         if( apply_filters( 'avf_show_default_sidebar_archiv', true ) )
         {
             avia_dummy_widget(4);
         }

        //	customize default sidebar and add your sidebars
        do_action ( 'ava_add_custom_default_sidebars' );
    }
}

echo '</div>';
echo '</aside>';

// Right sidebar
echo "<aside class='sidebar sidebar_right' " . avia_markup_helper( array( 'context' => 'sidebar', 'echo' => false ) ) . '>';
echo '<div class="inner_sidebar extralight-border">';

// Display the subnavigation for pages
$av_sidebar_menu = avia_sidebar_menu( false );
if( $av_sidebar_menu )
{
    echo $av_sidebar_menu;
}

$the_id = @get_the_ID();

$custom_sidebar = '';
if( ! empty( $the_id ) && is_singular() )
{
    $custom_sidebar = get_post_meta( $the_id, 'sidebar', true );
}

/**
 * @param string $custom_sidebar
 * @return string
 */
$custom_sidebar = apply_filters( 'avf_custom_sidebar', $custom_sidebar );

if( $custom_sidebar )
{
    dynamic_sidebar( $custom_sidebar );
}
else
{
    if( empty( $avia_config['currently_viewing'] ) )
    {
        $avia_config['currently_viewing'] = 'page';
    }

    // general shop sidebars
    if( $avia_config['currently_viewing'] == 'shop' && dynamic_sidebar( 'Shop Overview Page' ) )
    {
        // Do nothing here
    }

    // single shop sidebars
    if( $avia_config['currently_viewing'] == 'shop_single' )
    {
        // Do nothing here
    }

    if( $avia_config['currently_viewing'] == 'shop_single' && dynamic_sidebar( 'Single Product Pages' ) )
    {
        // Do nothing here
    }

    // general blog sidebars
    if( $avia_config['currently_viewing'] == 'blog' && dynamic_sidebar('Sidebar Blog') )
    {
        // Do nothing here
    }
	// custom right sidebar
    if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar('right-sidebar') )
    {
        // Do nothing here
    }

    // general archive sidebars
    if( avia_get_option( 'archive_sidebar' ) == 'archive_sidebar_separate' )
    {
        if( $avia_config['currently_viewing'] == 'archive' && dynamic_sidebar( 'Sidebar Archives' ) )
        {
            // Do nothing here
        }
    }

    // general pages sidebars
    if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar( 'Sidebar Pages' ) )
    {
        // Do nothing here
    }

    // forum pages sidebars
    if( $avia_config['currently_viewing'] == 'forum' && dynamic_sidebar( 'Forum' ) )
    {
        // Do nothing here
    }

    // global sidebar
    if( dynamic_sidebar( 'Displayed Everywhere' ) )
    {
        // Do nothing here
    }

    /**
     * Filter to show default dummy sidebar
     *
     * @param false|string $default_sidebar
     * @return false|string
     */
    if( apply_filters( 'avf_show_default_sidebars', $default_sidebar ) )
    {
         if( apply_filters( 'avf_show_default_sidebar_pages', true ) )
         {
             avia_dummy_widget(2);
         }

         if( apply_filters( 'avf_show_default_sidebar_categories', true ) )
         {
             avia_dummy_widget(3);
         }

         if( apply_filters( 'avf_show_default_sidebar_archiv', true ) )
         {
             avia_dummy_widget(4);
         }

        //	customize default sidebar and add your sidebars
        do_action ( 'ava_add_custom_default_sidebars' );
    }
}

echo '</div>';
echo '</aside>';
?>

then in your child theme functions.php add this function:

function custom_theme_widgets_init() {
    register_sidebar( array(
        'name'          => esc_html__( 'Left Sidebar', 'text-domain' ),
        'id'            => 'left-sidebar',
        'description'   => esc_html__( 'Add widgets here to appear in the left sidebar.', 'text-domain' ),
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h4 class="widget-title">',
        'after_title'   => '</h4>',
    ) );
    register_sidebar( array(
        'name'          => esc_html__( 'Right Sidebar', 'text-domain' ),
        'id'            => 'right-sidebar',
        'description'   => esc_html__( 'Add widgets here to appear in the right sidebar.', 'text-domain' ),
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h4 class="widget-title">',
        'after_title'   => '</h4>',
    ) );
}
add_action( 'widgets_init', 'custom_theme_widgets_init' );
function custom_left_sidebar() { ?>
  <script>
(function($) {
     $('.single-post .sidebar_left').detach().insertBefore('.single-post .content.av-main-single');
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_left_sidebar', 99 );

then add this custom CSS:

.responsive .single-post .container {
    max-width: 98%;
}
#top.single-post #main .sidebar {
    display: inline-block;
    width: 20%;
    border: none;
}
#top.single-post .content.units.alpha.av-main-single {
	width: 58%;
	clear: none;
	border:none;
}
#top.single-post #main .sidebar.sidebar_left {
	float: left;
}

Now you will have two new sidebars:

the other widget areas will also still work for the default sidebar position if you wish.
You will now have dual sidebars:

Please note that for there to be room for the second sidebar we used the css to change the width of the page and the main content and the sidebars, you can tinker with the css above to suit your needs.

Best regards,
Mike

Hi,
Thanks for the login, I added the function in your child theme functions.php and it seems to solve the issue.
Please ensure that you clear your device cache a couple of times, please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

function slow_scroll_to_anchor() { ?>
  <script>
(function($) {
  $('a[href*="#"]:not([href="#"])').click(function() {
    var width = $(window).width()
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
&& location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        if ($(window).width() < 768) {
          $('html,body').animate({
            scrollTop: target.offset().top - 150
          }, 1000);
          return false;
        } else {
          $('html,body').animate({
            scrollTop: target.offset().top - 250
          }, 1000);
          return false;
        }
      } 
    }
  });

  // Executed on page load with URL containing an anchor tag.
  var hash = location.href.split("#")[1];
  if (hash) {
    var target = $('#' + hash);
    if (target.length) {
      if ($(window).width() < 768) {
        $('html,body').animate({
          scrollTop: target.offset().top - 150
        }, 1000);
      } else {
        $('html,body').animate({
          scrollTop: target.offset().top - 250
        }, 1000);
      }
    }
  }
}(jQuery));
</script>
  <?php
}
add_action( 'wp_footer', 'slow_scroll_to_anchor', 99 );

Best regards,
Mike

Hey Chip Jones,

Thank you for your interest in the theme.

The Enfold theme is under continuous improvement, and updates are planned for the future. The team is committed to ensuring compatibility with the latest versions of WooCommerce, including version 8.2+, as well as the required PHP updates, such as PHP 7.4. You can always reach us here in the forum if you have any questions about the theme.

Best regards,
Ismael