- This topic has 12 replies, 2 voices, and was last updated 2 years, 11 months ago by
Tom.
-
AuthorPosts
-
February 7, 2020 at 11:06 am #1158214
Kamela
Hi Tom,
I’m trying to create a header like this https://writermelissab.com/ — with a photo, my logo, and contact info in 3 widgets across the top, and I can’t figure it out.
Is this possible? The widgets all stack vertically on the right-hand side of the header.
Thanks,
KammyFebruary 7, 2020 at 5:32 pm #1158431Kamela
Any ideas on this?
February 7, 2020 at 5:44 pm #1158438Tom
Lead DeveloperLead DeveloperHi Kammy,
This is probably the easiest way to do that: https://docs.generatepress.com/article/split-header-three-sections/
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 8, 2020 at 7:56 am #1158923Kamela
Thanks, Tom. I am confused by the directions. If I create a hook element there is no place to choose a header (just above header, below header, etc. to place code). There is no area for additional Css and there is no “Disable Site Header” checkbox.
Do I have an old version of Premium Press I need to update or something?
Best,
KammyFebruary 8, 2020 at 8:50 am #1158945Kamela
So I created a header element, put the HTML in the content section and put the CSS in the “classes” section — that was the only place I could think it might go.
All of the sections stack up vertically on the left side of the screen instead of horizontally across.
Where to now?
February 8, 2020 at 9:44 am #1158989Tom
Lead DeveloperLead DeveloperIs there anywhere I can see this? The URL you shared doesn’t seem to have the same kind of header.
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 8, 2020 at 11:26 am #1159052Kamela
My site is https://kammythurman.com. I haven’t got it up on my site, yet, b/c I can’t figure out how. I want the header to look like https://writermelissab.com/, with the 3 sections so I can add my photo, logo and contact info., as she has. It would appear on all pages.
February 8, 2020 at 8:52 pm #1159297Tom
Lead DeveloperLead DeveloperIs there any way you can add it to a test page? You can use the Display Rules in the Element to display it only on the test page. I need to see it live to know why it isn’t working.
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 9, 2020 at 11:47 am #1159879Kamela
Here it is — http://kammythurman.com/sectioned-header-test-for-tom/
Thanks!
February 9, 2020 at 2:40 pm #1160009Tom
Lead DeveloperLead DeveloperIt looks like you haven’t added the necessary CSS provided in step four: https://docs.generatepress.com/article/split-header-three-sections/
Also, instead of adding it in a “Header” Element, use the “Hook” Element. Then you can set the hook to “header”.
Then you’ll need to activate the header, right now you’re using the Navigation as Header option: https://docs.generatepress.com/article/navigation-as-a-header/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 12, 2020 at 10:01 am #1163269Kamela
OK, dumb question — where do I add the CSS?
February 12, 2020 at 1:19 pm #1163435Kamela
Figured the CSS, and now have the 3 sections. Tried adding widget shortcodes to the html in the hook, but it just shows the shortcode, not the image that’s supposed to load. I’ve left it up so you can see. https://kammythurman.com.
February 12, 2020 at 5:19 pm #1163589Tom
Lead DeveloperLead DeveloperDid you check the “Execute Shortcodes” option in your hook options?
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.