&__panorama{
width:99%;
height: 100vh;
max-height: -webkit-fill-available;
display: block;
margin: 0 auto;
iframe{
border:none;
width: 99.8%;
height: -webkit-calc(100vh - 260px);
height: -moz-calc(100vh - 260px);
height: calc(100vh - 260px);
max-height: -webkit-fill-available;
}
}
<?php
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
// WP_Query arguments
$args = array (
'post_type' => 'virtual',
'posts_per_page' => '9',
'paged' => $paged
);
$custom_query = new WP_Query( $args );
while ( $custom_query->have_posts() ) : $custom_query->the_post(); ?>
<div class="gallery__item">
<a href="<?php the_permalink(); ?>" target="_blank">
<div class="img"><?php the_post_thumbnail('panorama_thumb'); ?></div>
<div class="desc"><p><?php the_title()?></p></div>
</a>
</div>
<?php
endwhile;
wp_reset_postdata();
$big = 999999999;
echo paginate_links( array(
'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
'current' => max( 1, get_query_var('paged') ),
'total' => $the_query->max_num_pages
) );
?>
add_action('after_setup_theme', 'theme_register_nav_menu');
function theme_register_nav_menu(){
register_nav_menu('top', 'menu');
add_theme_support('post-thumbnails', array('post'));
}
add_filter( 'wp_nav_menu_items', 'change_nav_menu_items', 10, 2 );
function change_nav_menu_items( $items, $args ) {
if ( 'mobile' == $args->theme_location ) {
$items .= '<li class="contacts">
<a class="red" href="tel: 33333">
<div class="contacts__intro">
<div class="pulse phone">
<i class="fa fa-phone"></i>
</div>
<div class="contacts__phone"><p>333</p></div>
</div>
</a> </li>';
}
return $items;
}