Customize Header - by topimr - on WordPress WooCommerce support

This topic has 10 replies, 3 voices, and was last updated 9 years, 3 months ago ago by Robert Hall

  • Avatar: topimr
    topimr
    Participant
    July 28, 2015 at 23:15

    Good afternoon, how are you? I wanted to customize the header of these theme a little bit. I already moved the logo left. But I want to put social media icons on the right side of the header. How can I do that? I know I will have to do some custom stuff but can you just point me in the right direction?

    Thank you for the great products I have been using you guys a lot lately.

    (On another note just FYI every time I go to add an Envato code to my account it says there is an error. It does add it but it give the below error. Just wanted to let you know.

    Error: SORRY, THIS KEY IS ALREADY IN THE DATABASE. IF YOU THINK THIS IS A MISTAKE, PLEASE CONTACT US TO RESOLVE THE ISSUE.)

    9 Answers
    Avatar: topimr
    topimr
    Participant
    July 28, 2015 at 23:25

    Or maybe I should use the header variant 1 or 2 then just customize that to have no background? I need the menu below the header and the header transparent with the ability to add stuff on the left. Maybe that is a better way to go about it?

    Thanks again for a great theme.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 29, 2015 at 10:49

    Hello,

    Please provide us with WP dashboard and FTP (FTP host, FTP user, FTP password) credentials in private content.

    Best regards,
    Jack Richardson.

    Avatar: topimr
    topimr
    Participant
    July 29, 2015 at 22:38

    I realized I mis-spoke in the above post. I meant to say logo on the left and ability to add stuff on the RIGHT (not left). We want social media icons and phone number on the right across from logo on right. Sorry about that I said left.

    My credentials are below and thank you again.

    Please, contact administrator
    for this information.
    Avatar: topimr
    topimr
    Participant
    July 29, 2015 at 23:07

    I also should mention the home page runs on a different child them than the rest of the site. Sorry I am complicating things.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 30, 2015 at 09:09

    Hello,

    I’ve copied the file structure-3.php from the original theme to the “wp-content/themes/classico-child/headers” and “wp-content/themes/classico-child-home/headers” folders and added the code in lines 26 and 27:

    <div class="custom-share"><?php echo do_shortcode('[share]');?></div>
    <div class="custom-phone">Tel: 1-858-259-3100</div>

    Also the css code has been added in style.css file of both child directories:

    /***Header Social Icons & Phone***/
    .custom-share {
    width: 250px;
    }
    .custom-share .menu-social-icons li a i {
    color: white;
    }
    .custom-phone {
    float: left;
    margin-left: 30px;
    color: white;
    }

    Please check your site.

    Best regards,
    Jack Richardson.

    Avatar: topimr
    topimr
    Participant
    July 31, 2015 at 18:32

    It looks great. Will it effect any upgrades I do on the theme?

    Thank you again it is perfect.
    Sylvia

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 31, 2015 at 18:36

    Hello,

    The changes were made in the child theme so they won’t be lost after theme update.

    Best regards,
    Jack Richardson.

    Avatar: topimr
    topimr
    Participant
    July 31, 2015 at 18:47

    Nevermind I already know that answer to that. THANKS AGAIN!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 1, 2015 at 08:10

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

  • Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Customize Header’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.