• Resolved shishir49

    (@shishir49)


    Hi,

    Recently I have downloaded Storefront theme and its amazing. I just want to change the header look of that theme .For that purpose, i have added the following division inside wordpress-4.4.1\wordpress\wp-content\themes\storefront ::

    <div class="MyCustomHead">
    <?php
    
    ?>
    
    </div>

    and removed do_action( 'storefront_header' );

    I want to add the

    Site title,
    Tagline,
    Storefront product search,
    Storefront Primary navigation,
    Logo and
    Site Branding
    one by one. So that i can rearrange them by my own css.

    What should be the codes for each item to be displayed ?

    Thank you .

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi shishir49,

    Thanks for using Storefront, glad you like it!

    First suggestion, I would strongly discourage editing the files in the Storefront theme, instead you should create a Child Theme and make your edits there. You can easily create a Child Theme using the One-Click Child Theme plugin. Before you do that, make sure to remove all the changes you made to Storefront first.

    Once you have your Child Theme in place, you can then override the templates as you choose. The reason why using a Child Theme is better is so when we release an update to Storefront, you can still update your Storefront theme and get the latest advantages without having to loose all your custom code.

    What should be the codes for each item to be displayed ?

    Instead of removing them and adding them back, I think it would be a lot easier to just ue CSS to move them around to the right place. Alternatively you can look at the inc/structure/header.php file to see where all those things are getting added:
    https://github.com/woothemes/storefront/blob/version/1.6.1/inc/structure/header.php

    Thread Starter shishir49

    (@shishir49)

    Thank you Mikey Arce .

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Storefront Header (Want to rearrange items)’ is closed to new replies.