Trovin

DON'T FORGET **
- change to your value $image, setPostType(), html response tpl, html classes 
- hide by deffault in css 'page-stories__item' 


IN YOUR TEMPLATE 
================

    <!-- get all custom taxonomy categories -->
    <div class="stories-category__wrapper">

Trovin

function animateEl(animEl) {
    let counter = 0.2,
        animArray = animEl;

    animArray.each(function(index, value) {
        counter += 0.2;
        $(value).css('transition-delay', `${counter}s`);

        let targetPos = $(value).offset().top,
            winHeight = $(window).height(),

Trovin

<?xml version="1.0" encoding="UTF-8"?>

Trovin

IN FUNCTION.PHP
===============

<?php
/**
 * Add post filter characters.
 */
function content_excerpt( $args = '' ){
    global $post;

Trovin

    //check active section
    function activeSection() {
        var flag = $('.page-header').hasClass('page-header_sticky');
        if(flag) {
            var links = $('.main-nav__link');
            links.each(function(key,value) {
                var newVal = $(value).attr('href');
                var headerHeight = parseInt($('.page-header').height());

                var currentSection = $(newVal);

Trovin

    //init sticky menu
    function stickyMenu() {
        var winScrollTop = $(this).scrollTop();
        var element = $('.page-header');

        if(element) {
            if(winScrollTop >= 1) {
                element.addClass('page-header_sticky')
            } else {
                element.removeClass('page-header_sticky')

Trovin

IN FUNCTIONS.PHP
================

function add_specific_menu_location_atts( $atts, $item, $args ) {
    // check if the item is in the primary menu
    if( $args->theme_location == 'menu-1' ) {
        // add the desired attributes:
        $atts['class'] = 'main-nav__link';
    }
    return $atts;

Trovin

    //redirect & anchor scroll
    var host = window.location.hostname;

    function anchorRedirect() {
        var pathToBlogPage = '/blog/#to-blog';
        var pathToNewsPage = '/blog/#to-news';

        var anchorItemBlog = $('.js-link_blog');
        var anchorLinkBlog = $('.js-link_blog').find('a');

Trovin

JS CODE
=======

// First we get the viewport height and we multiple it by 1% to get a value for a vh unit
let vh = window.innerHeight * 0.01;
// Then we set the value in the --vh custom property to the root of the document
document.documentElement.style.setProperty('--vh', `${vh}px`);

//init menu
let menu = {

Trovin

IN FUNCTIONS.PHP
----------------

/**
 * Add class to primary menu item.
 */
function atg_menu_classes($classes, $item, $args) {
    if($args->theme_location == 'menu-1') {
        $classes[] = 'main-nav__item';
    }