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
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • 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.