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

Position Fixed Magazine Pro header

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 › General Discussion › Position Fixed Magazine Pro header

This topic is: not resolved

Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 11, 2016 at 9:10 am #189250
    CJWheels
    Member

    I know this is an easy one, but I'm not finding it. Site is here: http://axxcesslink.com/blog/ I just need the header/widget section to be position: fixed;

    When I do it, it bonks. I've tried adding it to the .header-image .site-header .wrap {
    and the .site-header .wrap {

    Any thoughts?

    http://axxcesslink.com/blog
    July 11, 2016 at 4:54 pm #189263
    Brad Dalton
    Participant

    I would try the CSS from the Centric Pro theme or any other theme which includes a sticky header.

    The only issue you may have is the drop down when using the hamburger menu as it may flow over the content rather than push the content down.

    Tutorials for StudioPress Themes.

    July 11, 2016 at 5:33 pm #189264
    CJWheels
    Member

    Thanks for the direction Brad. I got there with this:

    .site-header {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #f5f5f5;
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 0 20px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    }

    I then added a margin top to the .site-inner. Done and done 😉

    July 11, 2016 at 5:34 pm #189265
    Brad Dalton
    Participant

    How about on mobiles using the hamburger menu? Does the drop down flow over the content or push it down?

    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.