Create Meny, Logo etc. outside <div class="grid_24 bgimagecolor">

Discussion in 'BlackBird WordPress Theme' started by matlars, May 6, 2014.

  1. matlars

    matlars Member

    Joined:
    Feb 19, 2012
    Messages:
    92
    Likes Received:
    0
    Have someone idé if I want move the Meny outside the container content?

    I'll have to remove the header and moved out of the menu, so now the code looks like this, but the menu is placed in the content .... tips?

    <?php
    /**
    * The Header for our theme.
    *
    * Displays all of the <head> section and everything up till <div id="main">
    *
    */
    ?>
    <!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset="<?php bloginfo('charset'); ?>" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>
    <?php
    /*
    * Print the <title> tag based on what is being viewed.
    */
    global $page, $paged;
    wp_title('|', true, 'right');
    // Add the blog name.
    bloginfo('name');
    // Add the blog description for the home/front page.
    $site_description = get_bloginfo('description', 'display');
    if ($site_description && ( is_home() || is_front_page() ))
    echo " | $site_description";
    // Add a page number if necessary:
    if ($paged >= 2 || $page >= 2)
    echo ' | ' . sprintf(__('Page %s', 'blackbird'), max($paged, $page));
    ?>
    </title>
    <?php if (is_front_page()) { ?>
    <?php if (inkthemes_get_option('inkthemes_keyword') != '') { ?>
    <meta name="keywords" content="<?php echo inkthemes_get_option('inkthemes_keyword'); ?>" />
    <?php } else {

    } ?>
    <?php if (inkthemes_get_option('inkthemes_description') != '') { ?>
    <meta name="description" content="<?php echo inkthemes_get_option('inkthemes_description'); ?>" />
    <?php } else {

    } ?>
    <?php if (inkthemes_get_option('inkthemes_author') != '') { ?>
    <meta name="author" content="<?php echo inkthemes_get_option('inkthemes_author'); ?>" />
    <?php } else {

    } ?>
    <?php } ?>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
    <?php wp_head(); ?>
    </head>

    <!--[if IE 6]>
    <style>
    .feature-post .feature-box {
    margin-right:10px;}
    }
    </style>
    <![endif]-->
    <!--[if IE 7]>
    <style>
    .feature-post .feature-box {
    margin-right:10px;}
    </style>
    <![endif]-->
    <!--[if IE 8]>
    <style>
    .feature-post .feature-box {
    margin-right:10px;}
    }
    </style>
    <![endif]-->
    <!--[if lte IE 9]>
    <style>
    .feature-post .feature-box {
    margin-right:10px;}
    </style>
    <![endif]-->
    <body <?php body_class(); ?> style="background:url('<?php if (inkthemes_get_option('inkthemes_bodybg') != '') {
    echo inkthemes_get_option('inkthemes_bodybg');}?>')">
    <div class="main-container">
    <div class="container_24">
    <!--start Menu wrapper-->
    <div class="menu_wrapper">
    <div class="grid_18 alpha">
    <div id="MainNav">
    <?php if ( inkthemes_get_option('inkthemes_nav') !='' ) { ?><a href="#" class="mobile_nav closed"><?php echo stripslashes(inkthemes_get_option('inkthemes_nav')); ?><span></span></a>
    <?php } else { ?> <a href="#" class="mobile_nav closed">Pages Navigation Menu<span></span></a>
    <?php } ?>
    <?php inkthemes_nav(); ?>
    </div></div>

    </div>
    <!--End Menu wrapper-->
    <div class="grid_24 bgimagecolor">

    <div class="clear"></div>

    <div class="clear"></div>
     

    Attached Files:

    • 1.PNG
      1.PNG
      File size:
      483.1 KB
      Views:
      3
    • 2.PNG
      2.PNG
      File size:
      198.9 KB
      Views:
      3
  2. matlars

    matlars Member

    Joined:
    Feb 19, 2012
    Messages:
    92
    Likes Received:
    0
    One more picture on Sub-Menu who fall behind the content.
     

    Attached Files:

    • 3.PNG
      3.PNG
      File size:
      393.5 KB
      Views:
      2
  3. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    It is not possible to move menu outside because Blackbird theme is implemented on 960 responsive grid system, If we try to do so, It will break the layout of the theme.


    Thanks & Regards
    Gourav Shrivastava
     
  4. matlars

    matlars Member

    Joined:
    Feb 19, 2012
    Messages:
    92
    Likes Received:
    0

Share This Page