Header help in Mystique

kmcorrigan99 · Member · Mar 9, 2014 at 3:58 am
Copy link

Add topic to favorites
Another cry for help…! PLEASE help me figure out how to decrease my header size before I lose my mind! Would love to have our header about half the size it is now. Thanks in advance for any help!

The blog I need help with is: (visible only to logged in users)
hfzrhmn · Member · Mar 9, 2014 at 10:21 am
Copy link
Hi,

I checked and already found this on your Custom CSS file:
```
#branding {
    height: 200px;
    padding: 0;
}
```
Altering the height value there is exactly how to modify the header area’s height.

The theme is hard coded to ask for images of 200 pixels high for its banner, though. So if you do alter the header area height, you will want to keep uploading an image with 200 px height, but make sure what you want to display on the image does not get cut off.
kmcorrigan99 · Member · Mar 9, 2014 at 7:14 pm
Copy link
thanks for your help-is there a way then to make my image smaller with more white around it so the logo appears smaller??
i’m sorry–clueless here. thanks so much for your response
thesacredpath · Member · Mar 10, 2014 at 9:07 pm
Copy link
Hi, replace #branding in your custom CSS with the following and see if that is what you are looking for.
```
#branding {
    height: 150px;
    padding: 0;
    background-size: contain;
    width: 600px;
    background-repeat: no-repeat;
}
```
kmcorrigan99 · Member · Mar 11, 2014 at 1:01 am
Copy link
A chorus of angels just sang. Thank you. Now with that almost perfect, how would we center it at that size? THANK YOU!!!!!
thesacredpath · Member · Mar 11, 2014 at 4:08 pm
Copy link
To center the image, add the following two declarations to #branding in your CSS.
```
margin-left: auto;
margin-right: auto;
```

No items found.