• Resolved vinn95

    (@vinn95)


    Hi,
    I’ve installed Expound theme and started to customise.
    My query is
    I have added my site logo in header which gets centered. I want to move the logo to the left of the page. In your FAQ you have advised to use CSS to add logo to the site.
    Your help Please

Viewing 6 replies - 1 through 6 (of 6 total)
  • Under Appearance -> Editor look for the custom-header.php file.

    There is a group of code that uses css to manipulate where the logo is placed. (see below)
    Remove the 50% next to background-position:

    <?php if ( ! empty( $header_image ) ) : ?>
    .site-header .site-branding {
    background-color: transparent;
    background-image: url(‘<?php echo esc_url( $header_image ); ?>’);
    background-position: 0;
    background-repeat: no-repeat;
    height: <?php echo absint( get_custom_header()->height ); ?>px;
    }
    <?php endif; ?>

    Please do not advise people to modify theme files – a child theme is the way to make changes to theme files.

    @vinn95- please post a link to your site for help with CSS questions.

    Thread Starter vinn95

    (@vinn95)

    Thanks kdupont and Wpyogi for your input.

    My site id is vinns.in/wp1

    Add a child theme an in the style.css file, add the following:

    .site-header .site-branding {
    background-position: 0;
    }

    Thread Starter vinn95

    (@vinn95)

    Thanks kdupont for your input.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘To relocate the Logo location in header’ is closed to new replies.