У меня есть этот бит, который заставляет названия появляться при наведении курсора.
<script type="text/javascript">
(function($) {
$(document).ready(function() {
$('.et_pb_filterable_portfolio .et_pb_portfolio_item').each(function() {
var title = $(this).find('h2');
p = $(this).find('p');
$(title).appendTo($(this).find('.et_portfolio_image .et_overlay'));
$(p).appendTo($(this).find('.et_portfolio_image .et_overlay'));
});
});
})(jQuery);
</script>
Но он не проверяет размер экрана.Мне нужно, чтобы это случилось только для настольных компьютеров, и не могу понять это.Я пытался включить эту часть, но я явно ошибаюсь.
function myFunction(x) {
if (x.matches) {
}
}
var x = window.matchMedia("(max-width: 700px)")
myFunction(x) // Call listener function at run time
x.addListener(myFunction) // Attach listener function on state changes