StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POPositioning my main nav below my centred logo. Image included
primarykey
Id
19180027
data
AcceptedAnswerId
19186706
AnswerCount
3
ClosedDate
CommentCount
11
CommunityOwnedDate
CreationDate
2013-10-04T11:24:44.837
FavoriteCount
0
LastActivityDate
2013-10-04T16:51:21.113
LastEditDate
2013-10-04T14:16:24.547
LastEditorUserId
1741191
OwnerUserId
1741191
ParentId
0
PostTypeId
1
Score
0
ViewCount
777
LastEditorDisplayName
text
Body
<p>Hi I would like to edit my css making my main nav go below my logo which will be centered.</p> <h3> It looks like this right now</h3> <p><img src="https://i.stack.imgur.com/DGN7I.png" alt="This is how it looks like right now this"></p> <h3> I want it to look like this</h3> <p><img src="https://i.stack.imgur.com/21YxR.jpg" alt="this is how I wang it to be."></p> <p>This is what my css looks like. Thank you very much for any help I can get</p> <pre><code>/* -- header layout -- */ #masthead .row { height: 100%; } #masthead .header-container { display: table; height: 100%; width: 100%; } #masthead .left-links { display: table-cell; vertical-align: middle; } #masthead .right-links { display: table-cell; vertical-align: middle; } #masthead .left-links > ul { float: left; padding-top: 15px; margin-left: 15px; } #masthead .right-links > ul { float: right; padding-top: 15px; } /* -- sticky header -- **/ #masthead.stuck { opacity: 0.95; position: fixed; top: -200px; left: 0; right: 0; z-index: 100; -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2); } #masthead.stuck:hover { opacity: 1; } #masthead.stuck.move_down { height: 70px; top: 0; } #masthead.stuck.move_down .catalog-mode-header, #masthead.stuck.move_down .left-links > ul, #masthead.stuck.move_down .right-links > ul, #masthead.stuck.move_down #logo a { padding: 0 !important; } #masthead.stuck.move_down #logo a { float: none; } #masthead.stuck.move_up { top: -300px; } /* -- boxed header style --*/ .boxed #masthead { max-width: 71.25em; width: 100%; left: auto; right: auto; } .boxed #masthead.stuck { left: auto; right: auto; } /* -- centered logo -- */ .logo-center #masthead .left-links { width: 40%; } .logo-center #masthead .right-links { width: 40%; } .logo-center #masthead #logo { width: 20%; text-align: center; } .logo-center #masthead .left-links > ul { margin-left: 0; } .logo-center #masthead .left-links > ul > li { margin-left: 0; margin-right: 20px; } /* -- navigation -- */ ul.header-nav { margin: 0; } ul.header-nav li { float: left; margin-left: 20px; list-style: none; } ul.header-nav li a { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; text-transform: uppercase; font-size: 80%; font-weight: bold; padding: 10px 0; } .right-links > ul.header-nav { white-space: nowrap; } .right-links > ul.header-nav > li { display: inline-block !important; float: none; } /* -- navigation -- */ ul.header-nav { margin: 0; } ul.header-nav li { float: left; margin-left: 20px; list-style: none; } ul.header-nav li a { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; text-transform: uppercase; font-size: 80%; font-weight: bold; padding: 10px 0; } .right-links > ul.header-nav { white-space: nowrap; } .right-links > ul.header-nav > li { display: inline-block !important; float: none; } </code></pre> <p>HTML </p> <pre><code> <?php if($flatsome_opt['logo_position'] == 'left') : ?> <div id="logo" class="logo-left"> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?> - <?php bloginfo( 'description' ); ?>" rel="home"> <?php if($flatsome_opt['site_logo']){ $site_title = esc_attr( get_bloginfo( 'name', 'display' ) ); echo '<img src="'.$flatsome_opt['site_logo'].'" class="header_logo" alt="'.$site_title.'"/>'; } else {bloginfo( 'name' );}?> </a> </div> <?php endif; ?> <div class="left-links"> <ul id="site-navigation" class="header-nav"> <?php if ( has_nav_menu( 'primary' ) ) : ?> <?php if (!isset($flatsome_opt['search_pos']) || $flatsome_opt['search_pos'] == 'left') { ?> <li class="search-dropdown"> <a href="#" class="nav-top-link icon-search"></a> <div class="nav-dropdown"> <?php get_search_form( ); ?> </div> </li> <?php } ?> <?php wp_nav_menu(array( 'theme_location' => 'primary', 'container' => false, 'items_wrap' => '%3$s', 'depth' => 3, 'walker' => new FlatsomeNavDropdown )); ?> <?php if (isset($flatsome_opt['search_pos']) && $flatsome_opt['search_pos'] == 'right') { ?> <li class="search-dropdown"> <a href="#" class="nav-top-link icon-search"></a> <div class="nav-dropdown"> <?php get_search_form( ); ?> </div> </li> <?php } ?> <?php else: ?> <li>Define your main navigation in <b>Apperance > Menus</b></li> <?php endif; ?> </ul> </div> <?php if($flatsome_opt['logo_position'] == 'center') { ?> <div id="logo"> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?> - <?php bloginfo( 'description' ); ?>" rel="home"> <?php if($flatsome_opt['site_logo']){ $site_title = esc_attr( get_bloginfo( 'name', 'display' ) ); echo '<img src="'.$flatsome_opt['site_logo'].'" class="header_logo" alt="'.$site_title.'"/>'; } else {bloginfo( 'name' );}?> </a> </div> <?php } ?> <div class="right-links"> <?php if(!$flatsome_opt['catalog_mode']) { ?> <ul class="header-nav"> <?php if(!isset($flatsome_opt['myaccount_dropdown']) || $flatsome_opt['myaccount_dropdown']) { ?> <li class="account-dropdown hide-for-small"> <?php if ( is_user_logged_in() ) { ?> <a href="<?php echo get_permalink( get_option('woocommerce_myaccount_page_id') ); ?>" class="nav-top-link"> <?php _e('My Account', 'woocommerce'); ?> </a> <div class="nav-dropdown"> <ul> <?php if ( has_nav_menu( 'my_account' ) ) : ?> <?php wp_nav_menu(array( 'theme_location' => 'my_account', 'container' => false, 'items_wrap' => '%3$s', 'depth' => 0, )); ?> <?php else: ?> <li>Define your My Account dropdown menu in <b>Apperance > Menus</b></li> <?php endif; ?> </ul> </div> <?php } else { ?> <a href="<?php echo get_permalink( get_option('woocommerce_myaccount_page_id') ); ?>" class="nav-top-link"><?php _e('Login', 'woocommerce'); ?></a> <?php } ?> </li> <?php } ?>  <?php if(in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) { ?> <li class="mini-cart"> <div class="cart-inner"> <?php // Edit this content in inc/template-tags.php. Its gets relpaced with Ajax! ?> <a href="<?php echo esc_url( $woocommerce->cart->get_cart_url() ); ?>" class="cart-link"> <strong class="cart-name hide-for-small"><?php _e('Cart', 'flatsome'); ?></strong> <span class="cart-price hide-for-small">/ <?php echo $woocommerce->cart->get_cart_total(); ?></span>  <div class="cart-icon"> <?php if ($flatsome_opt['custom_cart_icon']){ ?> <div class="custom-cart-inner"> <div class="custom-cart-count"><?php echo $woocommerce->cart->cart_contents_count; ?></div> <img class="custom-cart-icon" src="<?php echo $flatsome_opt['custom_cart_icon']?>"/> </div> <?php } else { ?> <strong><?php echo $woocommerce->cart->cart_contents_count; ?></strong> <span class="cart-icon-handle"></span> <?php }?> </div> </a> <div class="nav-dropdown"> <div class="nav-dropdown-inner">  <?php if ($woocommerce->cart->cart_contents_count == 0) { echo '<p class="empty">'.__('No products in the cart.','woocommerce').'</p>'; ?> <?php } else { //add a spinner ?> <div class="loading"><i></i><i></i><i></i><i></i></div> <?php } ?> </div> </div> </div> </li> <?php } else {echo '<li>WooCommerce not installed!</li>';} ?> </ul> <?php } else { ?> <div class="catalog-mode-header"> <?php echo do_shortcode($flatsome_opt['catalog_mode_header']); ?> </div> <?php } ?> </div> </div> </div> </code></pre> <p></p>
Tags
<php><html><css><wordpress><nav>
Title
Positioning my main nav below my centred logo. Image included
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USAbel
UserOwnerUserId
1. USAbel
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.