StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Making Header Full WIdth and Responsive – Agency Pro

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Making Header Full WIdth and Responsive – Agency Pro

This topic is: not resolved

Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 12, 2015 at 5:49 am #155970
    LocalSEODude
    Member

    This has been added to functions.php:

    //* Add support for custom header
    add_theme_support( 'custom-header', array(
    'width' => 1140,
    'height' => 122,
    'header-selector' => '.site-title a',
    'header-text' => false
    ) );

    And the following 3 changes in CSS to px size only:

    /*
    Site Header
    ---------------------------------------------------------------------------------------------------- */

    .site-header {
    margin: 0 auto;
    min-height: 122px;
    width: 100%;
    }

    /* Title Area
    --------------------------------------------- */

    .title-area {
    font-weight: 700;
    float: left;
    overflow: hidden;
    width: 1140px;
    }

    .header-image .title-area,
    .header-image .site-title,
    .header-image .site-title a {
    float: left;
    margin: 0;
    max-width: 1140px;
    min-height: 122px;
    padding: 0;
    width: 100%;
    }

    http://parkcitycigar.com/
    June 13, 2015 at 10:57 am #156102
    Tom
    Participant

    Your site is showing Executive Pro in use. For a full-width responsive header in Executive Pro try this tutorial:
    http://keypresswp.com/full-width-responsive-header-logo-image-for-executive-pro/

    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    July 9, 2015 at 12:23 pm #158924
    Gandt
    Member

    What's the URL of the site you're working on?

    G

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.