- This topic has 12 replies, 2 voices, and was last updated 4 months, 2 weeks ago by Tom.
February 7, 2020 at 11:06 am #1158214Kamela
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.
KammyFebruary 7, 2020 at 5:32 pm #1158431Kamela
Any ideas on this?February 7, 2020 at 5:44 pm #1158438TomLead DeveloperLead Developer
This is probably the easiest way to do that: https://docs.generatepress.com/article/split-header-three-sections/
Let me know 🙂February 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?
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 #1158989TomLead DeveloperLead DeveloperFebruary 8, 2020 at 11:26 am #1159052KamelaFebruary 8, 2020 at 8:52 pm #1159297TomLead DeveloperLead Developer
Is 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 🙂February 9, 2020 at 11:47 am #1159879Kamela
Thanks!February 9, 2020 at 2:40 pm #1160009TomLead DeveloperLead Developer
It 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/February 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 #1163589
- You must be logged in to reply to this topic.