Hi,
Glad Yigit was 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,
Perhaps it is an error in the test, if you check your page with the Dev Tools inspector with the image not scrolled into view you can find the image placeholder and the class avia-img-lazy-loading-9144 but the image is not loaded:

then scroll down to the image and just as it comes into view you will see the image added to the DOM:

Please note that if you use the Ctrl+F to search for the class the page will automatically scroll the element into view, so once you find the place in the DOM scroll the window up so the image is a good way out of view, then reload the page and watch the DOM as you scroll down. You will see the image added to the DOM like in my screenshot above.

Best regards,
Mike

Hi,
Please ensure that the “frontpage” is set as the Frontpage Settings and the blog page is not set, like this:

Best regards,
Mike

Hi,
Sorry I thought that you already installed the theme, please see our documentation here.
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

and then just follow the steps.

Best regards,
Mike

Hi,
Odd, my screenshot above was in the Brave browser, nonetheless the cookie consent bar is disabled now so shall we close this thread then?

Best regards,
Mike

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.

Best regards,
Mike

Hi,
Thanks for the login, when I check the two pages that you linked to I don’t see any difference

I also note that your screenshot above is from a plugin called Category Order and Taxonomy Terms Order, try disabling the plugin an see if this solves the issue. The plugin support lists many issues.
A good place to start is to disable all of your plugins, on my test site with no plugins the product category seems to work correctly.

Best regards,
Mike

Hi,
Try checking your iPad screen resolution at this link and tell us what the width is.
It might be something like 1024px in which case if you want to make the burger menu show at that width try this css:

@media only screen and (max-width: 1024px) {
  #top #header .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header .av-burger-menu-main {
      cursor: pointer;
      display: block!important;
  }
}

Feel free to adjust to suit.

Best regards,
Mike

Hi,
The code that I added is in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field, and if you reinstall the theme you should remove it to see if the correct icon is showing.
I didn’t see anything else wrong on your site, just this icon not working and I didn’t see any error messages.

Best regards,
Mike

Hey Petra,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-fullwidth-portfolio .sort_width_container {
	border: none;
}

Best regards,
Mike

Hey Petra,
For the font size in that element try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#av-sc-portfolio-1 h3.grid-entry-title.entry-title a {
	font-size: 14px;
}

For adjusting the position of the ajax portfolio element try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_portfolio_preview_container_script() { ?>
  <script>
jQuery(document).ready(function($) {
    // Listen for clicks on elements with the specified class
    $('.page-id-3419 .grid-sort-container .grid-entry').click(function() {
        // Use setInterval to check every 100 milliseconds if the element has become visible
        var checkVisibility = setInterval(function() {
            // Check if the element is visible
            if ($('.page-id-3419 .portfolio_preview_container.open_container').is(':visible')) {
                // Clear the interval once the element is visible
                clearInterval(checkVisibility);

                // Calculate the top position of the element and adjust it
                var elementTop = $('.page-id-3419 #av_section_2').offset().top;
                var newScrollTop = elementTop - 30; // Adjusting to scroll 20px above the element

                // Scroll the page to the new position
                $('html, body').animate({
                    scrollTop: newScrollTop
                }, 1200); // 1200ms for a smooth animation
            }
        }, 100); // Check every 100 milliseconds
    });
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_portfolio_preview_container_script', 99 );

note that the script specifically checks the page ID because the scroll position is calculated by the bottom of the element above the portfolio grid, so keep this in mind if you want to duplicate this for another page.

Best regards,
Mike

Hey JennyGr,
Thanks for the link to your site, it looks like you have some custom css that is setting the size:

.breadcrumb-trail {
    font-size: 16px !important;
}

Try to find this and adjust to suit. The !important; in the css overrides the theme settings.
If you didn’t have this css you could use the Enfold Theme Options ▸ Advanced Styling ▸ Breadcrumbs to adjust the font size.

Best regards,
Mike

Hey JennyGr,
Thanks for the link to your site, I don’t see any custom classes in your menu items, are you sure you followed this step?

If so please include an admin login in the Private Content area so we can investigate.

Best regards,
Mike

Hi,
Thanks for the login, I tried to duplicate your page with the gallery on my test site, but I was not able to reproduce the error.

I tried disabling your plugins and enabling the parent theme but it didn’t help.
In the browser console I see this message: Uncaught SyntaxError: Unexpected token '<' from the gallery.js file but when I compare it with my theme version they are the same so the error could be in a different file. So I don’t know what could be causing this. Perhaps if you have manually updated in the past by overwriting the theme files via FTP, an old file could have beed left behind. Perhaps uploading a new theme version would help, here is a safe way to do this:

To manually 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.

Best regards,
Mike

Hi,
Thanks for the login, it confirms what I thought, that the /portfolio-item/ page is using a shortcode, and the /galerie/ is a CPT created by a “plugin”.
Although this doesn’t seem to be a real plugin, it looks like some custom files added to your child theme and I could find no documentation, I imagine that the shortcode that you are using could have some sorting attributes, so you should ask where you got this code for the correct sorting attributes, for example your code now is:
[gallery_images gallery_id=4032 page_no=1 no_of_image=300]
and typically you could add a “order” & “orderby” like this:
[gallery_images gallery_id=4032 order=ASC orderby=title page_no=1 no_of_image=300]
this doesn’t work for your shortcode but perhaps if you ask you can find the correct attributes, this would be your best solution.
Or if you can’t find any documentation or help wherever you got these files from, you could just use the /galerie/ pages and not use the /portfolio-item/ pages at all.

Best regards,
Mike