- This topic has 12 replies, 2 voices, and was last updated 4 years, 2 months ago by Tom.
-
AuthorPosts
-
February 7, 2020 at 11:06 am #1158214Kamela
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 #1158431KamelaAny ideas on this?
February 7, 2020 at 5:44 pm #1158438TomLead DeveloperLead DeveloperHi Kammy,
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 #1158923KamelaThanks, 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 #1158945KamelaSo 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 DeveloperIs there anywhere I can see this? The URL you shared doesn’t seem to have the same kind of header.
Let me know π
February 8, 2020 at 11:26 am #1159052KamelaMy 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 #1159297TomLead 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 π
February 9, 2020 at 11:47 am #1159879KamelaHere it is — http://kammythurman.com/sectioned-header-test-for-tom/
Thanks!
February 9, 2020 at 2:40 pm #1160009TomLead 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/
February 12, 2020 at 10:01 am #1163269KamelaOK, dumb question — where do I add the CSS?
February 12, 2020 at 1:19 pm #1163435KamelaFigured 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 #1163589TomLead DeveloperLead DeveloperDid you check the “Execute Shortcodes” option in your hook options?
Let me know π
-
AuthorPosts
- You must be logged in to reply to this topic.