Insertar texto a .css con jQuery

[ceaped]

Buenas noches
Utilizo este jQuery:

Código Javascript:

if( $( document ).width() <= 480 ){
    jQuery('.menu_zonas').hide();
    
    } else if( $( document ).width() >= 680 ){
    jQuery('.menu_zonas').show();   
 
    }
 

Busco insertar un texto:

Código CSS:

.estilo:before {
  content: "Texto...";
}
 

¿Cómo inserto texto?

gracias por su ayuda

[andresgarciadev]

crea dos clases con diferentes textos y segun el tamaño de la pagina le das una

[allamosash]

puedes usar el @media de css3 y de acuerdo los rango de tamaño le das el font-size:0.4em; o el tamaño que desees

[ceaped]

Hola andresgarciadev
Ya solucioné mi problema así (a quien le pueda interesar):

Código Javascript:

$(".bloque_activador_zonas").text('Menú visible');
$(".bloque_activador_zonas").text('Ocultar Menú');
 

Y este es el código completo:

Código Javascript:

if( $( document ).width() <= 480 ){
    jQuery('.menu_zonas').hide();
    $(".bloque_activador_zonas").text('Menú visible');
    
    } else if( $( document ).width() >= 680 ){
    jQuery('.menu_zonas').show();
    $(".bloque_activador_zonas").text('Ocultar Menú');
 

Gracias por tu ayuda