Menu Desplegable en el Header

  • bryan83

    (@bryan83)


    hace 6 años, 10 meses

    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
    Mexico

    Este 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,

    • Este debate fue modificado hace 6 años, 10 meses por José Arcos. Razón: Maquetar código
Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • El debate ‘Menu Desplegable en el Header’ está cerrado a nuevas respuestas.

Etiquetas