-
Hi to all
I will return to the different steps of change logo. I tried to follow this forum but I do not it. Can someone summarize all these steps in a single post? Will have to use the LESS file and after to compile LESS to CSS?
I use the 3.1 of this template and the logo size is : 145 X 90.I followed your instructions and added the custom.css as per Ninja Lead. This is what we get; . You can see the main menu has dropped and remained there even after making changes as per http://www.joomlart.com/forums/topic/resize-logo-4/#post-509473
Please help…<em>@pguaraz 412507 wrote:</em><blockquote>@richardmax
I made the suggested change, but it works when the template is the default. In my case I’m using the orange did not take the change. Can you help? thanks
Site url http://200.110.132.182/~admin15/</blockquote>
Are you right. Work only for default template. Follow me:
Note: My logo is: width: 166px height: 82px. You must work from your own data, of course
1- Add to templates/ja_beranis/css/customs.css (will be loaded by all themes)
/* For smartphone portrait view.
* Width is ok for my logo. Try you
*/
@media (max-width: 767px) {
.logo-image h1 a {
height: 35px !important;
background-size: 50% !important;
margin-top: 0px !important;
}
}/*
* span2 + span10 (width) can't not bigger than .container (width: 880px;)
*
* For Logo container area
* Width is ok for my logo. Try you
*
*/
.span2 {
width: 166px;
}/* For Nav container area.
* Width is ok for my logo. Try you
*/
.span10 {
width: 690px;
float: right;
}/* For logo dimensions and picture */
.logo-image h1 a {
background-image: url("../images/samg_logo.png");
background-repeat: no-repeat;
width: 166px;
height: 82px;
}
2- in templates/ja_beranis/tpls/blocks/header.php find ..
<header id="t3-header" class="t3-header container">
<div class="row"><!-- LOGO -->
<div class="span2 logo">
<div class="logo-<?php echo $logotype ?>">
<h1>
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>"<?php echo $logoimage ?>>
<span><?php echo $sitename ?></span>
</a>
</h1>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</div>
</div>
<!-- //LOGO --><!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="t3-mainnav navbar-collapse-fixed-top span10">
<?php if ($this->countModules('position-0')) : ?>
<div class="head-position<?php $this->_c('position-0')?>">
<jdoc:include type="modules" name="<?php $this->_p('position-0') ?>" style="raw" />
</div>
<?php endif ?><?php if ($this->countModules('languageswitcherload')) : ?>
<div class="languageswitcher<?php $this->_c('languageswitcherload')?>">
<jdoc:include type="modules" name="<?php $this->_p('languageswitcherload') ?>" style="raw" />
</div>
<?php endif ?><div class="navbar">
<div class="navbar-inner">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<i class="icon-reorder"></i>
</button>
<div class="nav-collapse collapse<?php echo $this->getParam('navigation_collapse_showsub', 1) ? ' always-show' : '' ?>">
<?php if ($this->getParam('navigation_type') == 'megamenu') : ?>
<?php $this->megamenu($this->getParam('mm_type', 'mainmenu')) ?>
<?php else : ?>
<jdoc:include type="modules" name="<?php $this->_p('mainnav') ?>" style="raw" />
<?php endif ?>
</div>
</div>
</div>
</nav>
<!-- //MAIN NAVIGATION --></div>
</header>and Move to upper Logo session :
<header id="t3-header" class="t3-header container">
<div class="row"><?php if ($this->countModules('position-0')) : ?>
<div class="head-position<?php $this->_c('position-0')?>">
<jdoc:include type="modules" name="<?php $this->_p('position-0') ?>" style="raw" />
</div>
<?php endif ?><!-- LOGO -->
<div class="span2 logo">
<div class="logo-<?php echo $logotype ?>">
<h1>
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>"<?php echo $logoimage ?>>
<span><?php echo $sitename ?></span>
</a>
</h1>
<small class="site-slogan hidden-phone"><?php echo $slogan ?></small>
</div>
</div>
<!-- //LOGO --><!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="t3-mainnav navbar-collapse-fixed-top span10">
<?php if ($this->countModules('languageswitcherload')) : ?>
<div class="languageswitcher<?php $this->_c('languageswitcherload')?>">
<jdoc:include type="modules" name="<?php $this->_p('languageswitcherload') ?>" style="raw" />
</div>
<?php endif ?><div class="navbar">
<div class="navbar-inner">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<i class="icon-reorder"></i>
</button>
<div class="nav-collapse collapse<?php echo $this->getParam('navigation_collapse_showsub', 1) ? ' always-show' : '' ?>">
<?php if ($this->getParam('navigation_type') == 'megamenu') : ?>
<?php $this->megamenu($this->getParam('mm_type', 'mainmenu')) ?>
<?php else : ?>
<jdoc:include type="modules" name="<?php $this->_p('mainnav') ?>" style="raw" />
<?php endif ?>
</div>
</div>
</div>
</nav>
<!-- //MAIN NAVIGATION --></div>
</header>It look like this picture:
Any question send me PM for spanish
Click Thanks if my post is helpful :-[
This topic contains 32 replies, has 10 voices, and was last updated by
Ninja Lead 10 years, 8 months ago.We moved to new unified forum. Please post all new support queries in our New Forum
