Como editar el título y descripción corta de mi sitio web  

Hola

Puedes probar con el siguiente código, aunque el ítem de menú de "acerca de", sería mejor que sea una sola palabra, como "nosotros"

Para agregar este código CSS, revisa el siguiente artículo que explica como hacerlo: https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

.site-header div{
display: flex;
justify-content: space-between;
}

.site-header .site-branding{
min-width: 400px;
}

.site-header .nav-wrap{
width: auto!important;
}

ul#primary-menu{
display: flex; 
}

ul#primary-menu li{
width: 100%;
display: inline-block;
}

ul#primary-menu a{
padding: 4px 10px;
display: inline-block;
line-height:20px;
}

Saludos.

Hola Jhon,

Muchísimas gracias por tu ayuda. Veo que con el código CCS insertado ya se visualiza el título y la descripción corta en un reglón cada una. Veo también que ambos (incluyendo el logo) se han movido un poco a la derecha. Asimismo visualizo que los menús desde Inicio hasta Contacto se han movido un poco a la izquierda. Podrías por favor ayudarme a alinear el logo, título y descripción corta a la izquierda y los menús a la derecha.

Gracias de antemano por tu valiosa ayuda.

Saludos,

Hola

Prueba cambiar el código anterior por el siguiente código:

Se agregó width:50% para que ocupe todo el espacio y también .site-header > div para que sea más específico.

.site-header > div{
display: flex;
justify-content: space-between;
}

.site-header .site-branding{
min-width: 400px;
width: 50%;
}

.site-header .nav-wrap{
width: 50%!important;
}

ul#primary-menu{
display: flex; 
}

ul#primary-menu li{
width: 100%;
display: inline-block;
}

ul#primary-menu a{
padding: 4px 10px;
display: inline-block;
line-height:20px;
}

Saludos.