Hi all experts,
I want to move the logo from where it is (default) -- on the same row as the menu items -- up to the same row as the search box on top of the page so that I have more room on the navigation bar for product categories
Please help.
Ryan
3 answers
Dear Ryan,
You could open file: \app\design\frontend\default\jm_feronis (your default theme)template\page\html\header.phtml
and move this div:
PHP Code:
<h1 id="logo"><a href="<?php echo $this->getUrl('') ?>" title="<?php echo $this->getLogoAlt() ?>" style="background-image: url(<?php echo $this->getLogoSrc() ?>);"><?php echo $this->getLogoAlt() ?></a></h1>
at line 56 into ja-header div
then, the header should be:
PHP Code:
<div id="ja-header" class="wrap">
<div class="main clearfix">
<!-- display logo -->
<h1 id="logo"><a href="<?php echo $this->getUrl('') ?>" title="<?php echo $this->getLogoAlt() ?>" style="background-image: url(<?php echo $this->getLogoSrc() ?>);"><?php echo $this->getLogoAlt() ?></a></h1>
<!-- BEGIN: SITE SEARCH -->
<div id="ja-search">
<?php echo $this->getChildHtml('topSearch') ?>
</div>
<!-- END: SITE SEARCH -->
</div>
</div>
If you want to edit position of this logo, you can make changes in this css file: /skin/frontend/default/jm_feronis (your default theme)/css/theme.css, line 168:
Code:
h1#logo, div#logo-text { bottom: 0; left: 20px; margin: 0; padding: 0; position: absolute; }
Please try this and let me know if I can be of further assistant.
Regards.
Dear Ryan,
You could open file: \app\design\frontend\default\jm_feronis (your default theme)template\page\html\header.phtml
and move this div:
PHP Code:
<h1 id="logo"><a href="<?php echo $this->getUrl('') ?>" title="<?php echo $this->getLogoAlt() ?>" style="background-image: url(<?php echo $this->getLogoSrc() ?>);"><?php echo $this->getLogoAlt() ?></a></h1>
at line 56 into ja-header div
then, the header should be:
PHP Code:
<div id="ja-header" class="wrap">
<div class="main clearfix">
<!-- display logo -->
<h1 id="logo"><a href="<?php echo $this->getUrl('') ?>" title="<?php echo $this->getLogoAlt() ?>" style="background-image: url(<?php echo $this->getLogoSrc() ?>);"><?php echo $this->getLogoAlt() ?></a></h1>
<!-- BEGIN: SITE SEARCH -->
<div id="ja-search">
<?php echo $this->getChildHtml('topSearch') ?>
</div>
<!-- END: SITE SEARCH -->
</div>
</div>
If you want to edit position of this logo, you can make changes in this css file: /skin/frontend/default/jm_feronis (your default theme)/css/theme.css, line 168:
Code:
h1#logo, div#logo-text { bottom: 0; left: 20px; margin: 0; padding: 0; position: absolute; }
Please try this and let me know if I can be of further assistant.
Regards.
That’s excellent!
Thank you very much!!!!!
This question is now closed