Configurar css para todos los dispositivos  

 
Juan Manuel
 Juan Manuel
Usuario experto

Hola, resulta que e añadido adsense a un hook determinado de mi web "displayProductButtons" y resulta que el anuncio se ve muy bien en ese lugar solo que se monta encima de la caja de descripcción y detalles del producto. Añadiéndole un "margin-top: 6rem" a ".tab" conseguí colocarlo en el lugar deseado (tal y como muestro en el adjunto), pero resulta que luego ese margen no se aplica a moviles y tablets y el anuncio sigue montándose encima de la caja. Probé añadiendole:
@media (max-width: 768px) {
.tabs {
margin-top: 6rem;
}
y solo funcionaba en algunos dispositivos y en otros no.
¿Hay algo que pueda modificar a ese box, o al hook en concreto para que ese margen me lo aplique en todos los dispositivos?
¿Podriais decirme la ruta del archivo.tpl en la que se encuentra indicado la posición del hook y todo lo demás?
Espero encontrar una solución para así aprender todos un poco también.
Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 18/01/2018 8:58 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Revisando la estructura HTML, veo en el detalle de producto un anuncio que aparece por encima del detall de producto, te refiere a eses anuncio?

Contenido solo visible a usuarios registrados

Envía tus imágenes adjuntas nuevamente ya que no se enviaron para ver exactamente a qué te refieres.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 18/01/2018 9:12 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Juan Manuel
 Juan Manuel
Usuario experto

Espero que ahora se visualice la imagen para que podais entender perfectamente mi mensaje

ResponderCitar
Respondido : 18/01/2018 9:32 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Elimina el código que has agregado en:
/themes/classic/assets/css/custom.css

Elimina este código:

.tabs {
    margin-top: 4rem;
   }

Agrega en su lugar el siguiente código CSS:

.page-product .block_google_adsense{
   	margin-top:20px;
   	float:none;
 }

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 18/01/2018 10:11 pm

Cursos Gratuitos WordPress

Juan Manuel
 Juan Manuel
Usuario experto

Genial!! muchas gracias.
Un orgullo pertenecer a esta comunidad :))

ResponderCitar
Respondido : 18/01/2018 11:56 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Gracias por tu confianza 🙂

Nos alegra que te guste nuestro servicio. 🙂

Nos sería de mucha utilidad que nos dejases tu testimonio, solicitamos testimonios para colocar en nuestra página y ayudar a otros posibles clientes a decidirse por nuestros servicios:

Puedes crear el testimonio aquí: https://www.webempresa.com/testimonios.html?view=form&layout=edit

Si nos quieres enviar tu experiencia con nuestro servicio, la publicaremos en nuestra página con un link hacia tu Web. Nuestro dominio webempresa.com tiene una autoridad alta, así que el link te será muy útil en la mejora del posicionamiento en Google de tu Web. Además la sección de testimonios es bastante consultada, por lo que algún interesado en tus servicios podría llegar por esta vía.

Si ya lo solicitamos anteriormente y nos lo facilitaste, puedes dejar otro testimonio si tienes otra página que quieras posicionar mejor al tener un link en la nuestra con tu testimonio.

Gracias por publicar tu testimonio y por tus palabras de agradecimiento.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 19/01/2018 1:00 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Por favor Iniciar Sesión o Registro