Top Sidebar over all three rows?

gdeals_de
asked 8 years ago

Hello,

is there a way to let the top sidebar go over all three rows instead of just the 2 right ones?

I tried to move the entry in the header.php to the top, but that makes the menu go wrong in mobile view.

Thanks!

Jan

1 Answers

DominicStaff
answered 8 years ago

To resolve this issue, you can open the header.php file then replace the old code with the following code:

<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<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(); ?>>
<div id="page" class="hfeed site">

    <div class="container clearfix">
        <?php if ( is_active_sidebar( 'top-sidebar' ) ) do_action( 'dw_minion_top_sidebar' ); ?>
        <?php do_action( 'before' ); ?>
        <div id="navigation" class="site-nav">
            <div class="site-nav-inner">
                <div class="container">
                    <header id="masthead" class="site-header" role="banner">
                        <?php dw_minion_logo(); ?>
                    </header>
                    <?php get_sidebar(); ?>
                </div>
            </div>
        </div>
        <?php do_action( 'after_navigation' ); ?>
        <div id="main" class="site-main">
            <div class="site-main-inner">
                <div class="container clearfix">

If you still face there issue, please send me your site for further checking.
Hope this helps!

gdeals_de
replied 8 years ago

Thank you, Dominic! It didn’t seem to work though. My site is http://dks.intr.im/

dominic Staff
replied 8 years ago

To resolve this issue, you can add the following code to the style.css fille:

@media (max-width: 1199px) {
    .site-nav {
        z-index: -1;
    }
    .top-sidebar {
        z-index: 1;
    }
    .show-nav .site-nav {
        z-index: 1;
    }
}