Theme Horse

Center Logo in Header

Tagged: logo

This topic has 1 reply, 2 voices, and was last updated 10 years, 3 months ago by Theme Horse Support Team.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
August 20, 2014 at 7:35 pm #13151
mjm0732
Participant
I’m using the Interface (free) theme for a 1-page landing page for a promotion. I have removed the navigation menu and I would like to center the page logo. I have tried a few modifications in the CSS, but nothing seems to work.

How do I center the site logo?

Here’s my HTML:
```
<body class="home page page-id-2 page-template page-template-page-templatespage-template-business-php logged-in admin-bar no-customize-support custom-background full-width-template business-layout">
<div class="wrapper">
<header id="branding" >
  <div class="hgroup-wrap">
  <div class="container clearfix">
    <section id="site-logo" class="clearfix">
            <h1 id="site-title"> <a href="http://localhost:8888/" title="" rel="home"> <img src="http://localhost:8888/wp-content/uploads/2014/08/logo.png" alt="" /> </a> </h1>
          </section>
```
August 22, 2014 at 11:33 am #13187
Theme Horse Support Team
Keymaster
Hi mjm0732,

To removed the navigation menu and to center the page logo Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:
```
#site-logo {
    float: none;
    text-align: center;
    margin: 32px 0;
}
.hgroup-right {
    display: none;
}
```
Thank you!
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.