• Resolvido rlopes2

    (@rlopes2)


    Boa Tarde amigos, tenho o seguinte código:

    <div class="row">
    			    
    
    				    	<?php 
    				    	$posts_slides = new WP_Query(array(
    				    		'post_type' => 'produto',
    				    		'posts_per_page' => 8,
    				    		'orderby' => 'rand'
    				    	     
    						));
    						$i==0;
    						while ($posts_slides -> have_posts()) : $posts_slides -> the_post();
    						?>
    						<?php if($i == 0 or $i == 4) echo '<div class="row">'; ?>
    						<div class="col-md-3  col-xs-6 col-sm-6 produtos ">
    							<a href="<?php the_permalink(); ?>"><div class="hover-div"><?php the_post_thumbnail('img', false);?></div></a>
    							<h2><?php the_title(); ?></h2>
    							<p><?php the_field('resumo'); ?></p>
    						</div>
    						<?php if($i == 3 or $i == 8) echo '</div>'; ?>
    						<?php $i++; endwhile; wp_reset_postdata(); ?>
    						
    		    	</div>

    e eu gostaria de que a <div class=”hover-div”> somente fosse adicionada quando a tela do monitor for maior que 1200px
    alguém consegue me ajudar?

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Moderador Ramon Ahnert

    (@rahmohn)

    Olá, @rlopes2.

    Não tem como você saber o tamanho da tela do monitor somente com PHP. Para fazer isso você vai precisar usar JavaScript também.

    Não sei exatamente o que você precisa fazer, mas eu acho que dá para fazer via CSS.

    Criador do tópico rlopes2

    (@rlopes2)

    Cara eu tentei fazer isso usando breakpoints no css, funcionou, porém esta classe está dando um conflito no mobile, eu ja tentei de tudo e não descubro o porque, por isso eu pensei em fazer deste modo, vou ver se encontro algo em javaScript, de qualquer forma muito obrigado.

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Php para exibir classe’ está fechado para novas respostas.