Docs

[Maaz]

Hi there,

I have tow simple issues need to be solved:

1- I’ve been trying to center my logo image in the navbar after hiding the main menu, I managed to do so by adding this to the custom CSS:

.masthead-inline .desktop .x-nav {display: none;}
 .x-btn-navbar, .x-btn-navbar.collapsed {display: none;}
 .x-brand {width: 100%; text-align: center;}
 

The problem is: the space around the logo image (to the left and to the right) has a link to the home page now, not just the logo image! I want to remove that!

2- hiding the navbar also hid the search icon, I want to place a search icon to the left of the logo image (the opposite side of the menu icon), is it possible to do that, and if it is then how to do so?!
Note: I’m already using a child theme.

Link to website: http://www.entelaaq.com

Thank you.

[Rad]

Hi there,

Thanks for posting in.

1. How about changing your logo to stacked navigation at Admin > Appearance > Customizer > Header. Stacked navigation will center the logo.

2. It’s not currently possible with your current navbar’s structure and the integration is made for navigation’s item. Moving it outside it will also remove the search functionality, leaving only the icon.

Thanks!

[Maaz]

Hi,

1- Actually changing the header structure to “stacked” adds a new div [.x-logobar] which pushed everything else down and had different attributes!!

2- Can’t I re-add the search functionality in the functions.php for the child theme and just place a search icon in the desired position with css?! I have an idea with no idea how to apply it!!

Thanks again! and I have to say…the only thing better than your theme is your support guys (Y).

[Maaz]

Update:

I managed to solve the first issue with this:

.x-brand {position: absolute; left: 50%; top: 50%; transform: translate(-50%);}

[Christopher]

Hi there,

Please 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 . '">';

?>

<a href="#" class="x-btn-navbar-search"><span><i class="x-icon-search" data-x-icon="" aria-hidden="true"></i><span class="x-hidden-desktop"> Search</span></span></a>
<?php echo ( is_front_page() ) ? '<h1 class="visually-hidden">' . $site_name . '</h1>' : ''; ?>

<a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>" title="<?php echo $site_description; ?>">
  <?php echo ( $logo == '' ) ? $site_name : $site_logo; ?>
</a>

Hope it helps.

[Maaz]

It DID help, Thanks a lot!

[Rue Nel]

You are most welcome!

[Author]

Posts