Ready to get started?Download WordPress


Center the "Vantage" logo (3 posts)

  1. kgibson90
    Posted 8 months ago #


    I did a quick search and did not find this topic. If it's been written and you could direct me to, that would great!

    I was wondering if it was possible (whether selecting it or writing css) to center the logo at the top of the page. My client, as it were, would like to see the his company logo larger and in the center at the top of the page.

    Is it possible to do this?

    Thanks in advance!

  2. paulwpxp
    Font hero
    Posted 8 months ago #

    Try this in theme's custom CSS option if provided. If not, install a Custom CSS plugin.

    body.responsive header#masthead hgroup { text-align: center; }
    body.responsive header#masthead hgroup .logo { float: none; }
    body.responsive header#masthead hgroup .logo img { margin: 0 auto; }
    body.responsive header#masthead hgroup .support-text,
    body.responsive header#masthead hgroup #header-sidebar {
    	display: block;
    	margin-top: 30px;
    	max-width: 100%;
    	position: static;

    The above are actually taken from theme's small screen media query. When declare later (after) theme's main stylesheet, it will override theme's big screen version. So we get the center aligned header elements like it does in small screen.

  3. kgibson90
    Posted 8 months ago #

    That worked!

    Thank you so much!


You must log in to post.

About this Theme

About this Topic


No tags yet.