Archived topic
Different header layout and a new widget position
3 replies · Started by Roberto Enrique on March 14, 2016
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.
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 :)
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 :)
Glad I could help! Hope everything is great with you and your family as well :)