- This topic has 17 replies, 8 voices, and was last updated 4 years, 10 months ago by Leo.
-
AuthorPosts
-
September 23, 2016 at 3:45 am #228852Amos
Hello!
IF my logo is in the center of the header. it is possible to create 2 header widget?
i want one widget (with icons) on the right and the second widget on left (phone number).
and why my logo move when i am using the header widget? (if the widget is in the left- the logo move right)September 23, 2016 at 9:17 am #228923TomLead DeveloperLead DeveloperHi there,
I’m afraid it’s not possible to split the header widgets up like that.
However, you can achieve this using GP Hooks if you’d like.
You would first remove your logo and header widgets, then add this into the Before Header Content hook:
<div class="grid-33 header-left"> Left area content (phone number etc..) </div> <div class="grid-33 header-center"> <img src="URL TO YOUR LOGO" alt="" /> </div> <div class="grid-33 header-right"> Right area content (icons etc..) </div>
You can insert widgets into those areas with a shortcode if you use a plugin like this: https://en-ca.wordpress.org/plugins/widget-shortcode/
Hope this helps 🙂
September 23, 2016 at 12:53 pm #228959AmosThank You Tom!
September 23, 2016 at 11:07 pm #229009TomLead DeveloperLead DeveloperNo problem! 🙂
September 29, 2016 at 3:00 am #230256Amy PrestonI love GP ! Searched the forums this morning for this exact same question and POOF … it was already answered a week ago !!! Thanks for asking it Amos and as always, thanks for everything Tom !
September 29, 2016 at 9:18 am #230344TomLead DeveloperLead DeveloperGlad it was helpful! 🙂
November 26, 2016 at 11:41 am #248039JayAnyway to do any of this without using short codes or CSS?
November 26, 2016 at 10:02 pm #248125TomLead DeveloperLead DeveloperMost likely not as it involves changing the structure of the header so much.
It should be pretty straight forward if you follow the instructions above though 🙂
December 17, 2017 at 7:28 am #451424donnacavalierYou would first remove your logo and header widgets, then add this into the Before Header Content hook:
Left area content (phone number etc..)Right area content (icons etc..)You can insert widgets into those areas with a shortcode if you use a plugin like this: https://en-ca.wordpress.org/plugins/widget-shortcode/
This is perfect for what I need at this moment. Thanks, Tom! Brilliant.
December 17, 2017 at 8:57 am #451471donnacavalierAfter using this to put the logo in the middle, surrounded by two widgets, I then used the advice at https://generatepress.com/forums/topic/custom-header/#post-173767 to move them around on tablet and mobile, so the logo would be at the top, followed by the left widget, and then the right widget. Just had to swap out the class names for the ones used here (header-left, header-center, and header-right), and voilà . Perfection. Happy day.
December 17, 2017 at 9:36 am #451490TomLead DeveloperLead DeveloperAwesome! Glad the topic was helpful 🙂
April 16, 2019 at 8:16 pm #871079liorsade8hi
it doesnt work
any help… maybe something changed within time…?April 16, 2019 at 8:16 pm #871080liorsade8hi
it doesnt work
any help… maybe something changed within time…?April 16, 2019 at 8:38 pm #871089LeoStaffCustomer SupportHi there,
Maybe this is what you are looking for?
https://docs.generatepress.com/article/split-header-three-sections/If not please open a new topic.
Thanks!
April 17, 2019 at 9:17 am #871739liorsade8all good
my bad….
it’s working
i needed to press the Execute Shortcodes checkbox of the elements
thanks -
AuthorPosts
- You must be logged in to reply to this topic.