Jump to content

tweaking a theme header for wordpress - to get a grid layout


Maze

Recommended Posts

hello dear ubuntu-experts and fans


how to tweak this wordpress-theme-header so that i can have some kind of grid layout at the point where currently the shortcode is

note;: i want to display two or three little images in a grid fashion.
is this possible?

see here the full code:

love to hear from  you

    </div><!-- end of #header -->
<?php responsive_header_end(); // after header container hook ?>
<?php

echo do_shortcode("[metaslider id=112]");
?>
<?php responsive_wrapper(); // before wrapper container hook ?>
    <div id="wrapper" class="clearfix">
<?php responsive_wrapper_top(); // before wrapper content hook ?>
<?php responsive_in_wrapper(); // wrapper hook ?>


<?php

// Exit if accessed directly
if( !defined( 'ABSPATH' ) ) {
    exit;
}

/**
 * Header Template
 *
 *
 * @file           header.php
 * @package        Responsive
 * @author         Emil Uzelac
 * @copyright      2003 - 2014 CyberChimps
 * @license        license.txt
 * @version        Release: 1.3
 * @filesource     wp-content/themes/responsive/header.php
 * @link           http://codex.wordpress.org/Theme_Development#Document_Head_.28header.php.29
 * @since          available since Release 1.0
 */
?>
    <!doctype html>
    <!--[if !IE]>
    <html class="no-js non-ie" <?php language_attributes(); ?>> <![endif]-->
    <!--[if IE 7 ]>
    <html class="no-js ie7" <?php language_attributes(); ?>> <![endif]-->
    <!--[if IE 8 ]>
    <html class="no-js ie8" <?php language_attributes(); ?>> <![endif]-->
    <!--[if IE 9 ]>
    <html class="no-js ie9" <?php language_attributes(); ?>> <![endif]-->
    <!--[if gt IE 9]><!-->
<html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
    <head>

        <meta charset="<?php bloginfo( 'charset' ); ?>"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title><?php wp_title( '|', true, 'right' ); ?></title>

        <link rel="profile" href="http://gmpg.org/xfn/11"/>
        <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"/>

        <?php wp_head(); ?>
    </head>

<body <?php body_class(); ?>>

<?php responsive_container(); // before container hook ?>
<div id="container" class="hfeed">
    <div class="skip-container cf">
        <a class="skip-link screen-reader-text focusable" href="#content"><?php _e( '↓ Skip to Main Content', 'responsive' ); ?></a>
    </div><!-- .skip-container -->
<?php responsive_header(); // before header hook ?>
    <div id="header">

        <?php responsive_header_top(); // before header content hook ?>

        <?php if( has_nav_menu( 'top-menu', 'responsive' ) ) { ?>
            <?php wp_nav_menu( array(
                                   'container'      => '',
                                   'fallback_cb'    => false,
                                   'menu_class'     => 'top-menu',
                                   'theme_location' => 'top-menu'
                               )
            );
            ?>
        <?php } ?>

        <?php responsive_in_header(); // header hook ?>

        <?php if( get_header_image() != '' ) : ?>

            <div id="logo">
                <a href="<?php echo home_url( '/' ); ?>"><img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php bloginfo( 'name' ); ?>"/></a>
            </div><!-- end of #logo -->

        <?php endif; // header image was removed ?>

        <?php if( !get_header_image() ) : ?>

            <div id="logo">
                <span class="site-name"><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span>
                <span class="site-description"><?php bloginfo( 'description' ); ?></span>
            </div><!-- end of #logo -->

        <?php endif; // header image was removed (again) ?>

        <?php get_sidebar( 'top' ); ?>
        <?php wp_nav_menu( array(
                               'container'       => 'div',
                               'container_class' => 'main-nav',
                               'fallback_cb'     => 'responsive_fallback_menu',
                               'theme_location'  => 'header-menu'
                           )
        );
        ?>

        <?php if( has_nav_menu( 'sub-header-menu', 'responsive' ) ) { ?>
            <?php wp_nav_menu( array(
                                   'container'      => '',
                                   'menu_class'     => 'sub-header-menu',
                                   'theme_location' => 'sub-header-menu'
                               )
            );
            ?>
        <?php } ?>

        <?php responsive_header_bottom(); // after header content hook ?>

    </div><!-- end of #header -->
<?php responsive_header_end(); // after header container hook ?>
<?php

echo do_shortcode("[metaslider id=112]");
?>
<?php responsive_wrapper(); // before wrapper container hook ?>
    <div id="wrapper" class="clearfix">
<?php responsive_wrapper_top(); // before wrapper content hook ?>
<?php responsive_in_wrapper(); // wrapper hook ?>

love to hear from you

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.