Hi,

Thank you for the access.

We edited the script so that it only activates when the “av-submenu-container” element exists. This seems to improve performance on the home page and other pages with the element.

/**
 * Full Width Submenu active
 */

function activateMenuItem() {
?>
<script>
    jQuery(document).ready(function() {
        var menu = jQuery('.av-submenu-container');

        if (menu.length) {
            var sections = jQuery('.avia-section'),
                nav_height = menu.outerHeight();

            jQuery(window).on('scroll', function() {
                var cur_pos = jQuery(this).scrollTop();
                sections.each(function() {
                    var top = jQuery(this).offset().top - 300,
                        bottom = top + jQuery(this).outerHeight();

                    if (cur_pos >= top && cur_pos <= bottom) {
                        menu.find('li').removeClass('active-menu-item');
                        menu.find('a[href="#' + jQuery(this).attr('id') + '"]').parent('li').addClass('active-menu-item');
                    }
                });
            });
        }
    });
</script>
<?php
}
add_action('wp_head', 'activateMenuItem');

Best regards,
Ismael

Hi,

Thank you for the info.

Please remove all modifications and make sure that the Enfold > Blog Layout > Single Post Options > Single Post Navigation is set to the third option (Loop post navigation). After that, add this code to the functions.php file:

/**
 * previous and next opposite order posts & reverse
 */
add_filter( 'avf_post_nav_entries', 'avf_post_nav_entries_mod_reverse', 10, 3);
function avf_post_nav_entries_mod_reverse($entries, $settings, $queried_entries)
{
    $settings['same_category'] = true;
    return $entries;
}

add_filter("avf_post_nav_loop_args", function($args, $settings) {
    $args["orderby"] = array( 'post_date' => "ASC", 'ID' => "ASC");
    return $args;
}, 10, 2);

The filter avia_post_nav_entries filter is no longer necessary.

Best regards,
Ismael

Hi,

Thank you for the info.

You can use this css code to adjust the width of the masonry items on smaller screens (1400px or less):

@media only screen and (max-width: 1400px) {

  /* Add your Mobile Styles here */
  #top .av-masonry.av-a3xg2-658ab37a9edd2ce89fe50f0c548108e2 .av-masonry-entry {
    width: 100%;
  }
}

Best regards,
Ismael

Hi,

Thank you for the info.

Where can we check the issue? Please provide the site URL in the private field.

Best regards,
Ismael

Hi,

Thank you for following up.

and it won’t go under with this code

This is possible but you will have to change the background color of the first section to transparent. Please try this css code:

#hero-hp-whats-new {
    margin-bottom: -450px;
    position: relative;
    z-index: 9999;
}

#hero-hp-whats-new .container, #hero-hp-whats-new, #hero-hp-whats-new .entry-content-wrapper {
    background-color: transparent !important;
}

Best regards,
Ismael

Hey Aubin,

Thank you for the inquiry.

Did you install any plugin extensions? Please try to deactivate the shop extensions temporarily and provide the login details in the private field so that we can check the issue further.

Best regards,
Ismael

Hey tonyiatridis,

Thank you for the inquiry.

You can replace the Column element with the Fullwidth Easy Slider to make the image fully visible even on smaller screens. You can also add another column element with a background image that is specifically resized for mobile view. You can then toggle the visibility of the elements on different screen sizes by adjusting the Element Visibility options in the Advanced > Responsive toggle. Basically, you’ll have a layout for desktop view and another for smaller screens.

Best regards,
Ismael

Hey Sebastian,

Thank you for the inquiry.

Did you add this css code?

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 170px!important;
}

If you want to override it on mobile view, please add this modification:

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 10px !important;
  }
}

Best regards,
Ismael

Hey reqonsult,

Thank you for the inquiry.

You can toggle the visibility of the date info in the Enfold > Blog Layout > Blog Meta Elements section. Simply look for the Blog Post Date toggle. You can also use this css code:

.avia-content-slider .slide-meta time {
    display: none;
}

Best regards,
Ismael

Hi,

Glad to know that this has been resolved. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Sorry for the late response. The site seems to be rendering correctly when we checked on a mobile emulation (see private field). Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hey Erin,

Thank you for the inquiry.

By default, the content in the footer inherits the default font size. If you wish to adjust it, you can use this code in the Quick CSS field:

#footer, #footer p, #footer li {
    font-size: 0.8em;
}

Best regards,
Ismael

Hey Paolo,

Thank you for the inquiry.

You can use the avia_post_slide_query filter to adjust the default sorting order of the post slider. If you wish to apply this customization to a post element on a specific page, you can include conditional functions like is_page. Example:

add_filter('avia_post_slide_query', 'avia_post_slide_query_mod');
function avia_post_slide_query_mod( $query ) {
	if( is_page(123) )
	{	
		$query['orderby'] = 'date';
		$query['order'] = 'ASC';
	}

	return $query;
}

Replace 123 with the actual ID of the page.

Best regards,
Ismael

Hey Sabine,

Thank you for the inquiry.

There is no option for this by default but we can create a script for the read more link. Please add the content in the icon list with this format:

<p class="av-icon-list-content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    <span class="av-icon-list-more-text">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</span>
    <a href="#" class="read-more">Read more</a>
</p>

Add this script in the functions.php file:

function ava_custom_script_read_more()
{
    ?>
    <script>
        (function ($)
        {
            function avToggleContent()
            {
                $('.av-icon-list-read-more').click(function(event) {
                    event.preventDefault(); 
                    $(this).prev('.av-icon-list-more-text').slideToggle(); 
                    $(this).text(function(i, text){
                        return text === "Read more" ? "Read less" : "Read more"; 
                    });
                });
            }

            $(document).ready(function ()
            {
                avToggleContent(); 
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script_read_more');

Then include this code in the Quick CSS field:

.av-icon-list-content .av-icon-list-more-text {
    display: none;
}

.av-icon-list-content .av-icon-list-read-more {
    display: inline-block;
    margin-top: 5px;
    color: blue;
}

.av-icon-list-content .av-icon-list-read-more:hover {
    text-decoration: underline;
    cursor: pointer;
}

Best regards,
Ismael

Hey Jan,

Thank you for the inquiry.

The displayed image is demo-profiel-80×80.png. Is this not the correct image? Please provide a screenshot of the issue using platforms like Savvyify, Imgur, or Dropbox, and post the login details in the private field.

Best regards,
Ismael