• Hey guys,

    I’m struggling with CSS on this site. I want to move the logo on the left next to the Navbar and delete the whole top header. I’ll play with the colors etc myself, but the positioning is pain. Thanks for any help!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    I recommend asking at https://www.ads-software.com/support/theme/business-times#new-post so the theme’s developers and support community can help you with this.

    Thread Starter mongose83

    (@mongose83)

    Thanks. Did that.

    Hello,

    You can change your template-functions.php.
    Open template-functions.php file from /wp-content/themes/business-times/inc/

    Step-1:
    => Copy this code,

    <div class="site-branding">
        <?php 
            if( function_exists( 'has_custom_logo' ) && has_custom_logo() ){
                      the_custom_logo();
                  } 
        ?>
        <div class="text-logo">
            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
          <?php
                $description = get_bloginfo( 'description', 'display' );
                if ( esc_html( $description ) || is_customize_preview() ) { ?>
                  <p class="site-description"><?php echo esc_html( $description ); /* WPCS: xss ok. */ ?></p>
          <?php } ?>
        </div>  
    </div>

    Step-2:
    => Copy above code and paste it above this code, <nav id="site-navigation" class="main-navigation"> like this,

    <div class="site-branding">
        <?php 
            if( function_exists( 'has_custom_logo' ) && has_custom_logo() ){
                      the_custom_logo();
                  } 
        ?>
        <div class="text-logo">
            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
          <?php
                $description = get_bloginfo( 'description', 'display' );
                if ( esc_html( $description ) || is_customize_preview() ) { ?>
                  <p class="site-description"><?php echo esc_html( $description ); /* WPCS: xss ok. */ ?></p>
          <?php } ?>
        </div>  
    </div><!-- .site-branding -->
    <nav id="site-navigation" class="main-navigation">
        <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?>
    </nav><!-- #site-navigation -->

    Step-3:
    => Now, put below CSS code into your stylesheet. See screenshot ,[https://prntscr.com/r6wf21]

    header .header-top{display: none;}
    header .site-branding .text-logo{display: none;}
    header#masthead .site-branding{margin-right: 15px; display: inline-block; margin: 20px 15px 20px 0;}
    header nav#site-navigation{display: inline-block; vertical-align: top; width: calc(100% - 350px);}

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help me move logo’ is closed to new replies.