• Resolved split123

    (@split123)


    Hi!
    I’ve been trying unsuccessfully to move the logo above the header ribbon. Currently it sits inside the ribbon to the left. I want to move it above it to where the ‘Call us’ words are.
    I created a child theme and tried changing some header values to no success.
    Awaiting reply.

Viewing 7 replies - 1 through 7 (of 7 total)
  • hi there,
    Please provide a link to your website.

    Thread Starter split123

    (@split123)

    its in coming soon mode, so i doubt you’ll be able to see anything.
    Here is a website which is similar to what i want ath-ca
    I cant find how to post a screenshot otherwise would post that.
    thanks for the quick reply.

    Thread Starter split123

    (@split123)

    thanks, but i’ve got it done now.
    this is how i did it.
    copied the header.php file from main theme to child theme and moved the logo code above.
    Now its at the right place, only thing is i need to increase its visible area. any suggestions on that?
    thanks again

    Don’t know how to contact a member, would like to know the exact code changes mentioned in split123 response.”…move logo code above…”

    Thread Starter split123

    (@split123)

    This is the logo code in my header.php file:

    <div id="logo">
                        <?php if (of_get_option('corpo_logo_image')) : ?>
                        <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="logo-img"><img src="<?php echo of_get_option('corpo_logo_image'); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a>
                        <?php else : ?>
                        <h1 id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?> - <?php bloginfo('description'); ?>" rel="home"><?php bloginfo('name'); ?></a></h1><p class="site_tagline"><?php bloginfo('description'); ?></p>
                        <?php endif; ?>
                    </div>

    It was

      below

    the <div id="header-inner">.
    I moved it copied it below <div id="top-bar"> in the top part of header.php

    Thanks for your help, but didn’t work for me.
    Attempted to create a child theme and change the header, but WP won’t recognize my child theme. When I edited the main header.php, it messed up the spacing of the remainder of the page.

    Thread Starter split123

    (@split123)

    1) You edited the main header file and the page is messed up. Copy this into the header file, and it should return to normal.
    2)For creating a child theme, install the plugin ‘One-Click Child Theme’. Its literally a click and you get a child theme. The child theme should now be selected as the default theme.
    3) Now, login to your hosting provider account(not wordpress), and go to the file manager(where all your website files are).
    Navigate to Corpo main theme folder. Mine is

    public_html/wp-content/themes/corpo

    and find the ‘header.php’ file. Copy it.
    Now, go to the Corpo-child folder. Mine is

    public_html/wp-content/themes/corpo-child

    and paste this file over there.

      DO NOT

      MOVE

    the file, but,

      COPY

    it. Save, and close.
    4) Go to your wordpress dashboard. Navigate to Appearance > Editor. By default the corpo-child should be selected. If not, then select it. You will see a ‘header.php’ file there. Paste this into it. Look at Line 16, and modify it as required. Save and check it now. Hopefully it should have worked now.

    There might be another, more convenient way to do it, but, I’m myself a n00b and this is how I did it.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Move logo above header’ is closed to new replies.