Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1082585
    whizkid
    Participant

    Hey there,

    Using X theme, Agency demo.

    Wanting to have logo aligned left which i have achieved via CSS.

    1) Now i need another Div or space in the heater next to the logo aligned right to have a phone number [image or text]

    2) Navigation menu change text on hover via CSS. Can’t seem to get it to work properly

    I have included some photoshop files to give you an idea

    Thanks

    Whiz

    #1082933
    Christopher
    Moderator

    Hi there,

    #1 Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

    Copy _brand.php from framework/views/global and put it in the same path inside child theme, replace existing code with following :

    <?php
    
    // =============================================================================
    // VIEWS/GLOBAL/_BRAND.PHP
    // -----------------------------------------------------------------------------
    // Outputs the brand.
    // =============================================================================
    
    $site_name        = get_bloginfo( 'name' );
    $site_description = get_bloginfo( 'description' );
    $logo             = x_make_protocol_relative( x_get_option( 'x_logo' ) );
    $site_logo        = '<img src="' . $logo . '" alt="' . $site_description . '">';
    
    ?>
    
    <?php echo ( is_front_page() ) ? '<h1 class="visually-hidden">' . $site_name . '</h1>' : ''; ?>
    <div class="x-column x-1-2 x-sm">
    <a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>" title="<?php echo $site_description; ?>">
      <?php echo ( $logo == '' ) ? $site_name : $site_logo; ?>
    </a>
    </div>
    <div class="x-column x-1-2 x-sm">
    <a href="#"><img src="add image URL here" >
    </div>

    #2 Please provide us with your website URL.

    Hope it helps.

  • <script> jQuery(function($){ $("#no-reply-1082585 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>