- This topic has 17 replies, 8 voices, and was last updated 3 years, 8 months ago by
Leo.
-
AuthorPosts
-
September 23, 2016 at 3:45 am #228852
Amos
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 #228923Tom
Lead 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 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 23, 2016 at 12:53 pm #228959Amos
Thank You Tom!
September 23, 2016 at 11:07 pm #229009Tom
Lead DeveloperLead DeveloperNo problem! 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 29, 2016 at 3:00 am #230256Amy Preston
I 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 #230344Tom
Lead DeveloperLead DeveloperGlad it was helpful! 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentNovember 26, 2016 at 11:41 am #248039Jay
Anyway to do any of this without using short codes or CSS?
November 26, 2016 at 10:02 pm #248125Tom
Lead 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 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentDecember 17, 2017 at 7:28 am #451424donnacavalier
You 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 #451471donnacavalier
After 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 #451490Tom
Lead DeveloperLead DeveloperAwesome! Glad the topic was helpful 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 16, 2019 at 8:16 pm #871079liorsade8
hi
it doesnt work
any help… maybe something changed within time…?April 16, 2019 at 8:16 pm #871080liorsade8
hi
it doesnt work
any help… maybe something changed within time…?April 16, 2019 at 8:38 pm #871089Leo
StaffCustomer 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!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 17, 2019 at 9:17 am #871739liorsade8
all 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.