Display header image and header widget inline

Viewing 4 posts - 1 through 4 (of 4 total)
  • #12226
    Padawaness
    Participant

    I’d like to display the header image and a header-area widget inline-block style, side by side, in the same height header space.

    I feel this should be possible using css, but I’ve simply missed the proper combination. When I enable a widget in the header widget area, it jumps above or below my header image. I’ve tried adjusting css of various header items to control positioning. I’ve tried enclosing the header image and header widget in a pair of divs, and creating a css property to display those divs inline-block. I’ve tried controlling the width of the header image both manually (creating an image of a certain width) and in the functions.php file. When I reduce width of the header image, or restrict the width in functions.php, it breaks the page layout, shrinking navigation and pulling the header widget area to the left. I have tried using a z-index to superimpose the header widget on the right-hand section of the header image. (So far, no luck.)

    Help! What technique can I use to cause a header image and header widget to co-exist side-by-side? Thanks!

    #12263
    Padawaness
    Participant

    Well, I solved it – I set the positioning of the header widget area (#sidebar-header) to absolute, and positioned it exactly where I wanted it. Silly me – I was making it too hard!

    Great theme; the narrow sidebars and wide content area let the content speak, rather than overwhelming the content with layout elements.

    #12369
    spotanime
    Participant

    Care to share your CSS for this?

    #13314
    ox1de
    Participant

    Aye, need to adjust the header in this theme ‘n all – is proving to be a pain

Viewing 4 posts - 1 through 4 (of 4 total)

Tagged: , , ,

You must be logged in to reply to this topic.