Menu Desplegable en el Header
-
Buenas Noches.
Al momento me encuentro realizando una página usando la plantilla Fortune, la cual tiene un top-bar, donde se presenta información general como teléfonos, dirección y unos botones de redes sociales, las cuales están predefinidas en la plantilla.
Mi gran problema es cuando me solicitaron que en esa parte vaya un menú desplegable, he intentado varias alternativas y no lo he logrado, sería algo así:
Web Sites
USA
Canada
MexicoEste el código del header.php
<html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <!-- mobile responsive meta --> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <?php if ( ! function_exists( 'has_site_icon' ) || ! has_site_icon() ):?> <link rel="apple-touch-icon" sizes="180x180" href="<?php echo esc_url($icon_href);?>"> <link rel="icon" type="image/png" href="<?php echo esc_url($icon_href);?>" sizes="32x32"> <link rel="icon" type="image/png" href="<?php echo esc_url($icon_href);?>" sizes="16x16"> <?php endif;?> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <div class="boxed_wrapper"> <header class="top-bar"> <div class="container"> <div class="clearfix"> <ul class="top-bar-text float_left"> <?php if(fortun_set($options, 'phone')): ?> <li><i class="icon-technology-1"></i><?php echo wp_kses_post(fortun_set($options, 'phone')); ?></li><?php endif; ?> <?php if(fortun_set($options, 'email')): ?> <li><i class="icon-note"></i><?php echo sanitize_email(fortun_set($options, 'email')); ?></li><?php endif; ?> <?php if(fortun_set($options, 'address')): ?><li><i class="icon-world"></i><?php echo wp_kses_post(fortun_set($options, 'address')); ?></li><?php endif; ?> </ul> <?php if(fortun_set( $options, 'social_media' ) && is_array( fortun_set( $options, 'social_media' ) )): ?> <ul class="social float_right"> <?php $social_icons = fortun_set( $options, 'social_media' ); foreach( fortun_set( $social_icons, 'social_media' ) as $social_icon ): if( isset( $social_icon['tocopy' ] ) ) continue; ?> <li><a target="_blank">"><i class="fa <?php echo esc_attr(fortun_set( $social_icon, 'social_icon')); ?>"></i></a></li> <?php endforeach; ?> </ul> <?php endif;?> </div> </div> </header>Le aumenté la parte del menú como quisiera que se vea, pero no es desplegable, es decir aparecen todas las opciones visibles, no se visualiza como un menú.
Me pueden ayudar como podría solventar este problema.
Muchas gracias por su ayuda.
Saludos,
-
Los elementos del menú los puedes mover a la posición que quieras, sólo tienes que arrastrarlos, hacia arriba, abajo, derecha o izquierda. Para el desplegable mueve el elemento que quieras poner como submenú hacia la derecha.
Visualmente se muestra como un árbol, después en el sitio se ve como un elemento del menu al desplegarse. Es decir,
Web Sites (elemento del menú)
— USA (desplazado a la derecha de Web Sites para que sea parte del desplegable)
— Canada (igual que el anterior)
— Mexico (igual que el anterior)No sé si es eso a lo que te refieres.
Un saludo
@bryan83, al ser un tema de pago no tenemos acceso al código para poder darte una respuesta correcta.
Intenta preguntar al autor del tema, él lo conoce mejor que nadie y puede orientarte de los pasos a seguir para que el top-bar del menu sea desplegable.
Por cierto, en el enlace que has puesto no se puede observar el menú superior por el que estás preguntando. Por tanto, como no es relevante, no se necesita para nada.
Un saludo
@lgrusin, efectivamente el top bar solo se puede ver cuando estás en la parte superior de la página principal. La idea es poner en esa parte un menú de web Site con los sitos de la empresa en otros paises.
Los dueños de la plantilla no me pudieron ayudar con este requerimiento ya que es una customización.
Estoy utilizando la plantilla gratuita de Fortune
Agradecería mucho tu ayuda ya que he buscado y realizado algunas pruebas y no logro tener una solución.
Me queda ver la posibilidad de su ayuda o sugerencia
Muchas gracias por su ayuda.
Saludos.
- El debate ‘Menu Desplegable en el Header’ está cerrado a nuevas respuestas.