Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Jul 2011
    Posts
    172
    Thanks
    64
    Thanked 2 Times in 2 Posts

    Shrinking header image on Wordpress blog

    I have a Wordpress theme based on @media queries, and the same code works differently on different servers.

    On server 1 (the good one) the header shrinks, and the height adjusts accordingly, but on the server 2 (bad one) the header changes its width, but the height stays the same (so it is not the entire image that changes, but literally width of the pixels inside of the image, and the image stays the same.

    I am not sure if I described this one correctly, but I am including a picture, so you can see whats going on:

    The code related to the header is:

    .head-img {
    padding-top: 30px;
    margin-bottom: 0px;
    width: 100%;
    height: auto;
    }

    .head-img img {
    max-width: 100%;
    height: auto;
    }

    (THIS IS COMING FROM EXACTLY THE SAME CODE, BUT ON TWO DIFFERENT DOMAINS / SERVERS)

    The "bad" website is currently located at http://paolarey.org/ (!!! some xxx content !!!)



    Thank you.

  • #2
    New Coder
    Join Date
    May 2009
    Posts
    34
    Thanks
    0
    Thanked 3 Times in 3 Posts
    Next time put a "dummy" picture in. Good thing my boss wasn't walking by.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •