Header bigger and centered on Yumblog theme

antoinehmt · Member · Apr 12, 2014 at 4:07 am
Copy link

Add topic to favorites
Hi,

I need to make my header centered and bigger on Yumblog theme but can’t find how to do so. I have to CSS custom desgin extension active. I’ve read it’s possible, but it’s all about the CSS code which I know nothing about.

Could anyone please help me out with this? Many thanks in advance for your help. Best Regards,

Antoine

The blog I need help with is: (visible only to logged in users)
timethief · Member · Apr 12, 2014 at 8:51 pm
Copy link
Does this help? https://en.forums.wordpress.com/topic/how-to-center-header?replies=6#post-1724934
thesacredpath · Member · Apr 12, 2014 at 10:45 pm
Copy link
Hi Antoine, Yumblog is a responsive designed theme, which means that it is designed to work on all browser window and device widths, from the largest desktop monitor clear down to a smartphone. To see this in action, narrow down your browser window and watch what happens to your site as it gets narrower and narrower.

Give the following CSS a try and see what you think.
```
#header #headimg {
    float: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 385px;
}
.tertiary-actions {
    width: 100%;
}
#menu-social {
    float: left;
    margin-left: 10px;
}
```
antoinehmt · Member · Apr 12, 2014 at 11:18 pm
Copy link
Dear timethief and thesacredpath,

Thank you very much for your help. Both codes are indeed working! Exactly what I was looking for.

Cheers :-)

Antoine
thesacredpath · Member · Apr 13, 2014 at 12:22 am
Copy link
You are welcome Antoine.

No items found.