Move template logo to central position above main menu

jross

Hello, would it be possible to provide the css code that would move the template logo from the left side of the main menu to be centered above the menu?
Can this done just by adding some code to the custom.css file or is it a major template modification?
I have attached a screenshot that show what I would like to achieve
Thanks, JR

Ninja

jross
Hi
This need customization in the file "/tpls/blocks/header/header.php" in template "ja_morgan".
to move the logo code above the header container.
Find this code

<!-- LOGO -->
			<div class="logo logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
				<a href="<?php echo JUri::base() ?>" title="<?php echo strip_tags($sitename) ?>">
					<?php if($logotype == 'image'): ?>
						<img class="logo-img" src="<?php echo JUri::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
					<?php endif ?>

					<?php if($logoimgsm) : ?>
						<img class="logo-img-sm" src="<?php echo JUri::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
					<?php endif ?>
					<span><?php echo $sitename ?></span>
				</a>
				<small class="site-slogan"><?php echo $slogan ?></small>
			</div>
			<!-- // LOGO -->

place it below the header class below line 32

<div class="container">
<!-- LOGO -->
			<div class="logo logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
				<a href="<?php echo JUri::base() ?>" title="<?php echo strip_tags($sitename) ?>">
					<?php if($logotype == 'image'): ?>
						<img class="logo-img" src="<?php echo JUri::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
					<?php endif ?>

					<?php if($logoimgsm) : ?>
						<img class="logo-img-sm" src="<?php echo JUri::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
					<?php endif ?>
					<span><?php echo $sitename ?></span>
				</a>
				<small class="site-slogan"><?php echo $slogan ?></small>
			</div>
			<!-- // LOGO -->
</div>

jross

That's great thank you. I think I inserted the code correctly. It has moved the logo but now the logo and main menu are no longer centred.
Also, the logo is appearing to be about half the size of the original image which is 200x86px.

This is the code I finished with. Did I do the copy and paste correctly?

<?php
/**
------------------------------------------------------------------------
JA Morgan Template
------------------------------------------------------------------------
Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
@license - Copyrighted Commercial Software
Author: J.O.O.M Solutions Co., Ltd
Websites: http://www.joomlart.com - http://www.joomlancers.com
This file may not be redistributed in whole or significant part.
------------------------------------------------------------------------
/

defined('_JEXEC') or die;

// get params
$sitename = $this->params->get('sitename');
$slogan = $this->params->get('slogan', '');
$logotype = $this->params->get('logotype', 'text');
$logoimage = $logotype == 'image' ? $this->params->get('logoimage', T3Path::getUrl('images/logo.png', '', true)) : '';
$logoimgsm = ($logotype == 'image' && $this->params->get('enable_logoimage_sm', 0)) ? $this->params->get('logoimage_sm', T3Path::getUrl('images/logo-sm.png', '', true)) : false;

if (!$sitename) {
$sitename = JFactory::getConfig()->get('sitename');
}

$headright = (($this->getParam('navigation_collapse_enable', 1) && $this->getParam('responsive', 1)) || $this->getParam('addon_offcanvas_enable') || $this->countModules('head-search') || $this->countModules('languageswitcherload'));
?>

<header id="t3-header" class="t3-header">
<div class="container">

<div class="logo logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
<a href="<?php echo JUri::base() ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="<?php echo JUri::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>

				<?php if($logoimgsm) : ?>
					<img class="logo-img-sm" src="<?php echo JUri::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
				<?php endif ?>
				<span><?php echo $sitename ?></span>
			</a>
			<small class="site-slogan"><?php echo $slogan ?></small>
		</div>
		<!-- // LOGO -->

</div>

jross

That copy and paste did not seem to work. This is the code I finished with from line 30

				<?php if($logoimgsm) : ?>
					<img class="logo-img-sm" src="<?php echo JUri::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
				<?php endif ?>
				<span><?php echo $sitename ?></span>
			</a>
			<small class="site-slogan"><?php echo $slogan ?></small>
		</div>
		<!-- // LOGO -->

</div>

Ninja

jross
Hi
Kindly edit fields in first post and submit site super user login, i will check and customize this code.

jross

OK, thanks very much. I have added superadmin and cpanel access details

Ninja

jross
Hi
Add this code in custom.css file

.logo {
    text-align: center!important;
}.logo-image img {
    max-height: 80px!important;
}

Regards

jross

That's great thank you. The logo is now centered and the correct size.
Now it is just the menu that is left aligned still
How do we get that back to centre aligned too?

Ninja

jross
Add this code in custom.css

.logo {
    padding-top: 20px;
}

increase the padding value as per needs.

jross

Thanks but what I really want to do is centre align the main menu. At the moment it is aligned to the left

I tried this code but it did not work

.navbar-nav {
float: center;
margin: 0;
}

Ninja

jross
Hi
Please open a new topic for further new questions.
It also helps our community.
Open new thread for new topic, add topic subject, complete details of request.

Thanks for understanding.

Regards