Placing Images Below Page Title

  • I’m using a child theme with the two-column setting, but I’d like to be able to add content (specifically an image) that varies by page underneath each page’s title. Is there a simple way to go about doing this? For example, I’d like to have a headshot under the text that says “Artistic Director” here: https://highlandconsort.com/about/music-director/

    Additionally, when on mobile, any top menu item with a sub-menu has the down-arrow overlapping the menu item’s text. Is there a quick fix for this I’m missing? It’s not a problem on desktop or tablet.

Viewing 3 replies - 1 through 3 (of 3 total)

  • That would require a fair amount of custom coding to achieve that. There’s a few ways but I’m thinking the best way would be to create a new sidebar position. Then you can use an image widget for each page that has a different image. To make each image widget show on specific pages, you would then need a plugin like Display Widgets to control that. So one image widget would go on one page, the next page would have another, etc.

    Once you have a new sidebar created, you can then edit the content-page.php file and add it to the <header> container.

    But I have to tell you, creating a new sidebar position requires a lot more work. This tutorial is a starting point:

    https://codex.www.ads-software.com/Widgetizing_Themes

    Regarding your last part with the menu, you have your text-aligned right, but for the mobile, you should add this:

    .toggled-on .menu {
    text-align: left;
}
    Thread Starter ioannesmartinus

    (@ioannesmartinus)

    Thank you!

    Hello ioannesmartinus

    I also would like to be able to add content or image underneath each page’s title. I saw on your site that you managed it. Could you please tell me how you solved the problem.

    Thanks, Eric

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Placing Images Below Page Title’ is closed to new replies.