CODEWITHSUNDEEP
csswordpressheader
rgroothuizen
rgroothuizen

Reputation: 21

Header Styling CSS

I am currently working on the website: http://mdftanzania.com/

The website is made by headway. I face problems with the header, the logo appears now partly, the rest is missing. I resized the logo to a smaller size, but it still stays the same. I tried to do it by CSS, but I couldn't manage to do this. I use this code:

.block-type-header img {max-width: 100%; 
height: 100px;}

But this code doesn't resize the img, instead the text mdf tanzania disappears. I looks like there is a frame around the image, but I can't figure out how to get this larger after resize the height.

Upvotes: 1

Views: 79

Answers (2)

user488187
user488187

Reputation:

The following will size the image so that all of it is visible:

.block-type-header img {
    height: 100%;
    max-width: 100%;
}

Upvotes: 1

Abhigyan Tiwari
Abhigyan Tiwari

Reputation: 97

This might help.

.block-type-header img{
    max-width: 100%;
    height: auto;
    width: 100%;

}

You can visit here to know about difference between width: auto and width: 100%

Upvotes: 0

Related Questions