Mudar a posição do Menu do tema Twenty Twelve
-
Olá, quero mudar a posição do menu principal deixando-o abaixo da imagem do cabeçalho. Estou usando o tema twenty twelve. O que devo fazer??
-
Felipe, esse é o trecho original do header.php do tema twenty twelve;
<header id="masthead" class="site-header" role="banner"> <hgroup> <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2> </hgroup> <nav id="site-navigation" class="main-navigation" role="navigation"> <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3> <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?> </nav><!-- #site-navigation --> <?php $header_image = get_header_image(); if ( ! empty( $header_image ) ) : ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a> <?php endif; ?> </header><!-- #masthead -->
Substitua por esse:
<header id="masthead" class="site-header" role="banner"> <hgroup> <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1> <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2> </hgroup> <?php $header_image = get_header_image(); if ( ! empty( $header_image ) ) : ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a> <?php endif; ?> <nav id="site-navigation" class="main-navigation" role="navigation"> <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3> <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?> </nav><!-- #site-navigation --> </header><!-- #masthead -->
Obrigado Everaldo. Vou fazer isso hoje a tarde.
Veja se vai funcionar. A única coisa que fiz foi inverter a ordem. Mas talvez precise de algum ajuste de css.
Everaldo, deu certo inverter a posição do menu, obrigado. Mas estamos tentando apenas o layout do tema Twenty Eleven no Twenty Twelve. Esse Twelve é mais rápido que o Eleven, porém o layout do Eleven é melhor. Tem como colocar o layout da Twenty Eleven no Twenty Twelve? Outra coisa que queremos fazer é tirar os comentários de algumas páginas avulsas, como posso remover no editor?
Grato
Retirar os comentários é simples, já descobri.
Cara, não conheço tão a fundo as classes e divs desses dois temas a ponto de dar uma resposta direta.
O lance vai ser trabalhar o css para chegar mais perto do esperado.
Não sei se vai funcionar, mas já tentou trocar o css de um pelo outro?
Dae Everaldo, não deu certo. Preciso só deixar a barra de menus da cor preta igual ao twenty eleven e alargar a imagem do cabeçalho. Sabe modificar isso? Só faltam esses ajustes mesmo. Aí paro de lhe incomodar rsrs. Obrigado por estar nos instruindo todos esses dias.
Cara você não faz ideia do quanto vocês me ajudaram
kkkkkkk
- O tópico ‘Mudar a posição do Menu do tema Twenty Twelve’ está fechado para novas respostas.