[Support request] Site name in static ribbon

[Benjamin]

I’m in the process of building an analog to our university’s standard blog theme, updating new brand styling and switching to GeneratePress. I’d like the equivalent of the site name as seen here http://librarynews.lmu.edu/ which is a permanent presence whether on single or archive view. I’ve hacked it using the secondary nav, but this is really a hack: http://libraryblognew.staging.wpengine.com/ and it becomes a problem on mobile, where the menu becomes a hamburger. My question is, how to build a site name ribbon/header along the lines of this?

[David]

Hi there,

you could add this using a Hook Element:

https://docs.generatepress.com/article/hooks-element-overview/

The after_header hook will place it in same place. Then set the display rules for the entire site.

Markup something like this:

<div class="site-name-bar">
    <div class="grid-container">
        <!-- Your HTML -->
    </div>
</div>

The inner DIV uses the GP grid-container class to maintain the inner content width.
Then you can hit the custom site-name-bar class for your background and padding.

[Author]

Posts