[Resolved] Different header layout and a new widget position

[Roberto Enrique]

Hi everyone !

I need to have a header layout like the attached image while preserving some of the gp’s customizer options (like header background color/texture)

On desktop:

http://www.artomultiplo.net/extra/brands/generatepress/header_2_gp_dsktp.png
On mobile:

http://www.artomultiplo.net/extra/brands/generatepress/header_2_gp_mob.png

Thought I know that this is something that will require a child theme, I’m not very proficient coding my stuff, any help or orientation on where to begin or the right approach to do this is very appreciated.

Thanks in advance.

• This topic was modified 8 years, 1 month ago by Roberto Enrique.

[Tom]

Hi Roberto,

You can do this using the grid system, GP Hooks and a plugin.

We’ll need a plugin so you can add widgets using a shortcode: https://wordpress.org/plugins/widget-shortcode/

First, add your markup into the “Before Header Content” hook in GP Hooks:

<div class="grid-33 push-33">
    Your logo in here
</div>
<div class="grid-33 pull-33">
    Left side widget shortcode/content here
</div>
<div class="grid-33">
    Right side widget shortcode/content here
</div>

Let me know if you need more info 🙂

[Roberto Enrique]

Mmm, that’s what I call a clever workaround.
GP Hooks is a very nice tool to have around, high five for that!

Thanks as always.
I Hope everything is going great for you and family 🙂

[Tom]

Glad I could help! Hope everything is great with you and your family as well 🙂

[Author]

Posts