Avisos
Vaciar todo

Donde se modifican las resoluciones de un responsive en wordpress

8 Respuestas
4 Usuarios
0 Reactions
25 Visitas
Respuestas: 27
Eminent Member
Topic starter
 

Tengo un problema con el TopBar de mi página web. Quiero que salga hasta la resolución en la que cambia a versión móvil del responsive.

Por lo que sea hay resoluciones donde no sale el Topbar y no se puede entrar en la sección socios que se encuentra ahí. Resoluciones de Tablets.

Donde se encuentra eso, estoy buscando archivos, pero no encuentro donde está eso del responsive. Gracias.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 05/12/2019 2:59 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Puedes probar con el siguiente código CSS:

.top-bar,
.languages-area{
  display: block!important;
}

Para agregar este código puedes revisar:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.


 
Respondido : 05/12/2019 5:40 pm
Respuestas: 27
Eminent Member
Topic starter
 

Hola Jhon,

Muchas gracias. Ese código funciona perfectamente, pero tengo el problema que en versión móvil también aparece. Yo lo quiero hasta el cambio en responsive en el que el menú cambia a versión móvil (las tres rayitas).

Un saludo y muchas gracias de nuevo, a ve si lo conseguimos.


 
Respondido : 12/12/2019 9:45 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Santiago.

Veo que se muestra en la versión móvil:

Pruébalo en un terminal, no hagas las pruebas con el navegador del PC.

Un saludo


 
Respondido : 12/12/2019 10:12 am
Respuestas: 27
Eminent Member
Topic starter
 

Hola!!!
Si se muestra en la versión móvil. Yo lo que quiero es que no se muestre en versión móvil, porque en móvil, ya están esas opciones en el menú de las rayas.

El problema que tenía es que entre versión móvil y versión escritorio, había resoluciones de tablets donde no aparecía ni menú movil, ni el top bar.

Un saludo.


 
Respondido : 12/12/2019 12:59 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Santiago.

Para que no se muestre en versión móvil puedes utilizar lo siguiente:

@media only screen and (max-width: 780px) {
.top-bar {
display:none!important;
}
}

Puedes variar la resolución con " max-width: 780px "

Lo que le indicamos con ese código es que no se muestre el top bar cuando la resolución sea menor a 780px

Un saludo


 
Respondido : 12/12/2019 3:32 pm
Respuestas: 27
Eminent Member
Topic starter
 

Buenas noches Pepe,

Funciona perfectamente!! Muchas gracias!!!

Solucionado 100%!!


 
Respondido : 16/12/2019 11:41 pm
Bulmaro
Respuestas: 4380
Famed Member Moderator
 

Hola Santiago,

Me alegra que lo solucionaras y nuestra ayuda te resultara de utilidad, recuerda que en foro estamos para ayudarte con las dudas y problemas que tengas en tu sitio web.

Si tienes cualquier otra duda o problema no tardes en consultarnos para poder auxiliarte.

Saludos 🙂


 
Respondido : 17/12/2019 12:43 am