WordPress.org

Forums

Expound
[resolved] To relocate the Logo location in header (7 posts)

  1. vinn95
    Member
    Posted 1 year ago #

    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

  2. kdupont
    Member
    Posted 1 year ago #

    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; ?>

  3. WPyogi
    Forum Moderator
    Posted 1 year ago #

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

  4. WPyogi
    Forum Moderator
    Posted 1 year ago #

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

  5. vinn95
    Member
    Posted 1 year ago #

    Thanks kdupont and Wpyogi for your input.

    My site id is vinns.in/wp1

  6. kdupont
    Member
    Posted 1 year ago #

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

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

  7. vinn95
    Member
    Posted 1 year ago #

    Thanks kdupont for your input.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.