Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Responsive full width header image position

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #240265
    idm
    Participant

    Hi

    I have a full width repsonsive header image.

    Here is my code:
    http://codepen.io/anon/pen/mPqaqz

    How can I position the image to show the bottom rather than top?

    The image resizes with the width of the window. The focus of the image is at the bottom – as you can see in the example code I want to show the skyline.

    If I make the image absolute I lose the height of “post-thumbnail”

    This is for wordpress and is using “feature image” (just incase someone suggests to make the image a background image in css!)

    Any ideas?

    Many thanks!

    #240267
    Paulie_D
    Moderator
    #240269
    idm
    Participant

    Thats perfect thank you so much Paulie_D :D

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.