В первом случае это html element, во втором объект jquery.

Чтобы использовать val() в первом случае, нужно обернуть элемент в обертку jquery:

$("#myform input:text").each(function(index, formField) {
    data[formField.name] = $(formField).val();
})

или же во втором случае вытащить html element из jquery объекта:

$("#myform input[name=abc]")[0].value;

На мой взгляд, если вы работаете с jQuery, то ради постоянства кода, стоит использовать .val() по возможности везде.

Можно попробовать так: https://codepen.io/glebez/pen/mMPqbW

Привет, посмотрел в custom.js файле и в функции pixflow_portfolioPopup проверяется, что ширина экрана не менее 1024 пикселей, прежде чем открывать попап.

Чтобы попап заработал на мобильном, нужно поправить функцию вот так:

function pixflow_portfolioPopup() {
    'use strict';

    $('body').on('click',".inside .item-wrap.portfolio-popup",function(e){
        var element= e.target || e.srcElement;
        if ((e.which != 2) ) { // <-- убрал проверку ширины экрана здесь.
            if (element.attributes.class.nodeValue.indexOf('icon') < 0) {
                $.magnificPopup.open({
                    items: {
                        src: $(this).find(".item-image").attr('data-src')
                    },
                    overflowY:'scroll',
                    type: 'image',
                    closeOnContentClick: false,
                    closeBtnInside: false,
                    mainClass: 'mfp-with-zoom mfp-img-mobile',
                    callbacks: {
                        beforeOpen: function () {
                        },
                        afterClose: function () {
                            $("html").css({'overflow-y': 'auto'});
                        },
                    }
                }, 0);
            }
        }
    });
    $('body').on('click', ".outside .item-image.portfolio-popup", function () {
         //убрал проверку ширины экрана здесь.
            $.magnificPopup.open({
                items: {
                    src: $(this).attr('data-src')
                },
                overflowY:'scroll',
                type: 'image',
                closeOnContentClick: false,
                closeBtnInside: false,
                mainClass: 'mfp-with-zoom mfp-img-mobile',
                callbacks: {
                    beforeOpen: function () {
                    },
                    afterClose: function () {
                        $("html").css({'overflow-y': 'auto'});
                    },
                }
            }, 0);
    });
}

К сожалению, в самом вордпрессе не силен, так что куда конкретно идти, чтобы поправить этот код, подсказать не могу.

Привет. Попробуй git push -u origin experimental