Skip to content
Catch Themes Logo

Catch Themes

Premium Responsive WordPress Themes with advanced functionality and awesome support. Simple, Clean and Lightweight Responsive WordPress Themes

  • Home
  • FSE Pro Plugin
  • Themes
  • Features
  • Hosting
  • Support
  • Blog
  • My Account

Move Site Logo

Support Forum Wen Business Pro

Tagged: header, logo

  • This topic has 9 replies, 2 voices, and was last updated 9 years, 8 months ago by wensolutions.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 20, 2016 at 7:08 am #83289
    Kyle
    Member

    I am trying to move the site logo, site-branding, from the site header section to the Top Header section with a left justification. Ideally I would like for the logo to be on the top left of the site and the social icon widget to display with a right justification on the site.

    Any way to make these two changes?

    site is: asucolorado.com

    January 20, 2016 at 2:22 pm #83314
    wensolutions
    Participant

    Hello Kyle,

    This customization can be achieve by refactoring some div structure through code level.

    We recommend you to make a Child Theme before you make these customization in your
    current theme.

    So after setting up and activating your Child Theme you will have two new files style.css and functions.php file .

    In your functions.php file, paste the following code snippet right below your existing code.

    `/**
    * Site branding
    *
    * @since WEN Business 1.0
    */
    function wen_business_site_branding(){

    ?>

    <div id=”site-navigation” role=”navigation”>
    <?php
    wp_nav_menu( array(
    ‘theme_location’ => ‘primary’ ,
    ‘container’ => ‘nav’ ,
    ‘container_class’ => ‘main-navigation’ ,
    )
    );
    ?>
    </div><!– #site-navigation –>
    <?php

    }

    /**
    * Primary navigation
    *
    * @since WEN Business 1.0
    */
    function wen_business_mobile_navigation(){

    ?>
    <a href=”#mob-menu” id=”mobile-trigger”><i class=”fa fa-bars”></i></a>
    <div style=”display:none;”>
    <div id=”mob-menu”>
    <?php
    wp_nav_menu( array(
    ‘theme_location’ => ‘primary’,
    ‘container’ => ”,
    ) );
    ?>
    </div><!– #mob-menu –>
    </div>

    <?php

    }

    /**
    * Header top content
    *
    * @since WEN Business 1.0
    */
    function wen_business_header_top_content(){

    $social_in_header = wen_business_get_option( ‘social_in_header’ );
    $search_in_header = wen_business_get_option( ‘search_in_header’ );

    ?>

    <?php if ( ( 1 == $social_in_header && wen_business_is_social_menu_active() ) || 1 == $search_in_header ): ?>

    <div id=”header-top-content”>
    <div class=”container”>
    <div class=”site-branding”>
    <h1 class=”site-title”><a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” rel=”home”>
    <?php
    $site_logo = wen_business_get_option( ‘site_logo’ );
    ?>
    <?php if ( ! empty( $site_logo ) ): ?>
    <img src=”<?php echo esc_url( $site_logo ); ?>” alt=”<?php echo esc_attr( get_bloginfo( ‘name’ ) ); ?>” />
    <?php else: ?>
    <?php bloginfo( ‘name’ ); ?>
    <?php endif ?>
    </a></h1>
    <?php
    $show_tagline = wen_business_get_option( ‘show_tagline’ );
    ?>
    <?php if ( 1 == $show_tagline ): ?>
    <h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
    <?php endif ?>
    </div><!– .site-branding –>

    <div class=”header-top”>

    <div class=”header-top-inner”>
    <?php if ( 1 == $social_in_header ): ?>
    <?php the_widget( ‘WEN_Business_Social_Widget’, array( ‘icon_size’ => ‘small’ ) ); ?>
    <?php endif ?>
    <?php if ( 1 == $search_in_header ): ?>
    <div id=”header-search-form”>
    <?php get_search_form(); ?>
    </div><!– #header-search-form –>
    <?php endif ?>
    </div><!– .header-top-inner –>

    </div><!– .header-top –>
    </div><!– .container –>
    </div><!– #header-top-content –>
    <?php endif
    }`

    Above code will move site logo in Top Header section. You may need to reupload logo with a appropriate size to adjust in new section.

    Now in order to move the social icon widget to right, copy following CSS code snippet in your Child Theme’s style.css.

    .header-top{
    float: right;
    }

    Just in case, if you wish to move the current primary menu from right to left to fill up the empty logo space, then paste the following CSS code right below the above CSS code.

    #site-navigation {
        float: left;
    }

    Thanks

    January 21, 2016 at 10:58 pm #83417
    Kyle
    Member

    Thanks for the coding to help make that happen! Unfortunately i’m having issues implementing it due to issues with the child theme. Here is what I have in the Child Theme:

    style.css
    /*
    Theme Name: WEN Business Pro Child Theme
    Theme URI: http://wenthemes.com/item/wordpress-themes/wen-business/
    Author: SageMedia, LLC
    Author URI: http://wenthemes.com/
    Description: Child theme for WEN Business Pro theme
    Version: 1.0.5
    License: GNU General Public License, version 3 (GPLv3)
    License URI: http://www.gnu.org/licenses/gpl-3.0.txt
    Tags: light, white, blue, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, post-formats, sticky-post, translation-ready, responsive-layout, theme-options, threaded-comments
    Text Domain: wen-business
    Template: wen-business-pro
    */

    /* =Child Theme Custom CSS
    ————————————————————– */

    /** functions.php ———– */
    <?php
    /**
    * Child Theme functions and definitions
    *
    */

    /**
    * Loading Parent theme stylesheet
    *
    */
    add_action( ‘wp_enqueue_scripts’, ‘catchbox_child_enqueue_styles’ );
    function catchbox_child_enqueue_styles() {
    wp_enqueue_style( ‘catchbox-parent-style’, get_template_directory_uri() . ‘/style.css’ );
    }

    January 21, 2016 at 11:38 pm #83418
    wensolutions
    Participant

    Hi Kyle, I am sorry you are having trouble with it.

    Your respective code of style.css and functions.php for Child Theme is working perfectly to me when I exactly pasted it and tried by activating it. Child Theme is running fine. So just paste out the code I have given you above right below the current code of your child theme files. But I doubt, after you copy and paste the code from your browser to your actual php file you might need to properly format the single quotes ( ‘ ) which might renders incorrectly that could have cause you a problem.

    Or can you please explain the actual issue that happen while you try to implement the Child theme with above code?

    January 21, 2016 at 11:41 pm #83419
    Kyle
    Member

    When I past the functions.php code in below I get the following error message:

    Parse error: syntax error, unexpected end of file in /homepages/40/d141091220/htdocs/clickandbuilds/ASUColoradoAlumni/wp-content/themes/wen-business-pro-child/functions.php on line 92

    line 91 and 92 on the functions.php file are:
    <?php endif
    }’

    January 21, 2016 at 11:55 pm #83420
    wensolutions
    Participant

    It appears that the terminating syntax ; is missed right after endif statement.

    So correct syntax to replace above is as follows :

    
    <?php endif;
    }
    January 21, 2016 at 11:59 pm #83421
    Kyle
    Member

    Very odd things happening, I added the terminating syntax ; to the endif statement and now get the following error:

    Parse error: syntax error, unexpected end of file in /homepages/40/d141091220/htdocs/clickandbuilds/ASUColoradoAlumni/wp-content/themes/wen-business-pro-child/functions.php on line 93

    Here is the entirety of the functions.php child theme code:

    <?php

    add_action( ‘wp_enqueue_scripts’, ‘enqueue_child_theme_styles’, PHP_INT_Max);
    function enqueue_child_theme_styles() {
    wp_enqueue_style( ‘parent-style’, get_template_directory_uri().’/style.css’ );
    wp_enqueue_style( ‘child-style’, get_stylesheet_uri(), array(‘partent-style’) );
    }

    ‘/**
    * Site branding
    *
    * @since WEN Business 1.0
    */
    function wen_business_site_branding(){
    ?>
    <div id=”site-navigation” role=”navigation”>
    <?php
    wp_nav_menu( array(
    ‘theme_location’ => ‘primary’ ,
    ‘container’ => ‘nav’ ,
    ‘container_class’ => ‘main-navigation’ ,
    )
    );
    ?>
    </div><!– #site-navigation –>
    <?php
    }
    /**
    * Primary navigation
    *
    * @since WEN Business 1.0
    */
    function wen_business_mobile_navigation(){
    ?>
    <i class=”fa fa-bars”></i>
    <div style=”display:none;”>
    <div id=”mob-menu”>
    <?php
    wp_nav_menu( array(
    ‘theme_location’ => ‘primary’,
    ‘container’ => ”,
    ) );
    ?>
    </div><!– #mob-menu –>
    </div>
    <?php
    }
    /**
    * Header top content
    *
    * @since WEN Business 1.0
    */
    function wen_business_header_top_content(){
    $social_in_header = wen_business_get_option( ‘social_in_header’ );
    $search_in_header = wen_business_get_option( ‘search_in_header’ );
    ?>
    <?php if ( ( 1 == $social_in_header && wen_business_is_social_menu_active() ) || 1 == $search_in_header ): ?>
    <div id=”header-top-content”>
    <div class=”container”>
    <div class=”site-branding”>
    <h1 class=”site-title”>” rel=”home”>
    <?php
    $site_logo = wen_business_get_option( ‘site_logo’ );
    ?>
    <?php if ( ! empty( $site_logo ) ): ?>
    ” alt=”<?php echo esc_attr( get_bloginfo( ‘name’ ) ); ?>” />
    <?php else: ?>
    <?php bloginfo( ‘name’ ); ?>
    <?php endif ?>
    </h1>
    <?php
    $show_tagline = wen_business_get_option( ‘show_tagline’ );
    ?>
    <?php if ( 1 == $show_tagline ): ?>
    <h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
    <?php endif ?>
    </div><!– .site-branding –>
    <div class=”header-top”>
    <div class=”header-top-inner”>
    <?php if ( 1 == $social_in_header ): ?>
    <?php the_widget( ‘WEN_Business_Social_Widget’, array( ‘icon_size’ => ‘small’ ) ); ?>
    <?php endif ?>
    <?php if ( 1 == $search_in_header ): ?>
    <div id=”header-search-form”>
    <?php get_search_form(); ?>
    </div><!– #header-search-form –>
    <?php endif ?>
    </div><!– .header-top-inner –>
    </div><!– .header-top –>
    </div><!– .container –>
    </div><!– #header-top-content –>
    <?php endif;
    }’

    January 22, 2016 at 12:13 am #83422
    wensolutions
    Participant

    Well, to maintain the precision while copying the entire code I’m sharing you the Git hub link of functions.php code.
    https://gist.github.com/anonymous/70e9f3e0dce77cecca6c

    Let me know whether this helps.

    January 22, 2016 at 12:16 am #83423
    Kyle
    Member

    FANTASTIC! There must have been an error in copying the code over as it is working perfectly now. Thank you so much for you help on this!

    January 22, 2016 at 12:20 am #83425
    wensolutions
    Participant

    You’re welcome; it has been my pleasure helping you out!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Move Site Logo’ is closed to new replies.

Incompatible Archive Error in WordPress 6.4.3

How to fix the Incompatible Archive Error?

Support Forum Instructions

Use the search box below to search for your answer and also check out theme instructions at Theme Instructions before posting question here.

When you post in your question, please don't forget to post in your site URL. If you have issue in posting question here in forum then check out screencast from our YouTube channel.

Notice: Support Forum Now Requires User Moderation to Avoid Spammers

Search Forums

Popular Themes

BizBoost Pro

Buy Now

Bold Photography Pro

Buy Now

Audioman Pro

Buy Now

Catch Fullscreen Pro

Buy Now

Fotografie Pro

Buy Now

Catch Responsive Pro

Buy Now
Hire a Customizer

Recent Topics

  • Header Media Problems
  • Page title issue + Allow editor access to Header Media title?
  • More responsive images
  • Footer full width
  • Clean Education Pro
  • How to remove commas from displayed tags?
  • Duplicated post and feature Image
  • Fatal Error
  • the button color of Catch Vogue Pro
  • No responsive mobile menu since upgrade to 2.3
  • Media queries & Hamburger Menu
  • More control of Header needed
  • Can one make the Header video play on mobile?
  • Conflict with Version 2.6 and SiteOrigin PageBuilder
  • Mouse Pointer Dot color
  • Removing Links from Content Tags
  • Issue with Renewal Version
  • Excessive space above youtube embedded video
  • Hamburger Menu Not Working.
  • Different sizes in post image
  • Published post does not display content put public preview does
  • display product attributes on product pages
  • YouTube Embed does not display in published post
  • Woocommerce Produt page options drop down
  • How do you remove the space between the main menu and the first text
  • Search has completely quite working on Catch Responsive Pro
  • Homepage header cover image not showing
  • Funitrix not compatible with woocommerce-smart-coupon in checkout
  • Plugin will not activate
  • Critical error on the website when edit posts/pages in WordPress Admin

Popular Tags

background blog catch box catch everest child theme Color comments css Excerpt featured content featured image featured slider font footer header header image Home Page homepage image images layout logo menu mobile Mobile Menu navigation padding page portfolio post posts responsive search sidebar Simple Catch site title slider theme title update widget widgets width woocommerce wordpress

Featured Posts

  • Best Free WordPress Block Themes for Full Site Editing for 2024
  • 40+ Best Free Business WordPress Themes for 2024
  • 30+ Best Free WordPress Themes for 2024
  • 25+ Best Free Music WordPress Themes for 2024
  • Our Top 10+ Free and Premium Photography WordPress Themes Collection 2024
  • Our Free and Premium Music WordPress Themes Collection

Donate Now

Click on the Donate button below to Support Free Themes, Free Plugins, and Free Support. All donations are used for the development and improvement of free themes, plugins, and support. Thanks for your contribution.
  • Home
  • About Us
  • Contact Us
  • Join Our Team
  • Terms & Conditions
  • Privacy Policy
  • Facebook
  • Twitter
  • Linkedin
  • Scroll Up
  • Pinterest
  • Youtube
  • Instagram
© 2012 - 2025 Catch Themes: Premium WordPress Themes. All rights reserved.
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Do not sell my personal information.
Cookie settingsGot it!
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT