move header/page layout

  • the search bar on my page is a header widget. I want to move the whole .site-header section the under .site-brading (logo and title). what ccs can I use to switch the position of these two sections? I would potentially like it under the nav bar before the content instead, but just the simple switch is good to start. I have only minimal coding experience (hence me asking here ha!), and was unsuccessful in trying to mess with the css positioning on my own.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Roch

    (@rochesterj)

    hi!

    Thanks for reaching out!

    Unfortunately this can’t be done via CSS. You’ll need to edit your theme files to achieve that.

    This may be in the header.php file or in a functions file depending on how your header is being created.

    Thanks!

    Kind Regards,
    -Roch

    Thread Starter gardza

    (@gardza)

    Thanks for the help. Its the default rookie theme header & php:

    <?php
    /**
    * The header for our theme.
    *
    * Displays all of the <head> section and everything up till <div id=”content”>
    *
    * @package Rookie
    */
    ?><!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset=”<?php bloginfo( ‘charset’ ); ?>”>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <link rel=”profile” href=”https://gmpg.org/xfn/11″&gt;
    <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>”>
    <?php wp_head(); ?>
    </head>

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

    <div class=”sp-header”><?php do_action( ‘sportspress_header’ ); ?></div>
    <div id=”page” class=”hfeed site”>
    <?php _e( ‘Skip to content’, ‘rookie’ ); ?>

    <header id=”masthead” class=”site-header” role=”banner”>
    <?php rookie_header_area(); ?>
    </header><!– #masthead –>

    <div id=”content” class=”site-content”>
    <?php do_action( ‘rookie_before_template’ ); ?>

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘move header/page layout’ is closed to new replies.