Magento Forum

   
Having issues with navigation & logo layout
 
jcef13
Jr. Member
 
Total Posts:  6
Joined:  2013-04-30
 

I am very new to Magento, with this being my first project.  I am attempting to customize everything, and I am running into several issues that I need help with!

The main issue is with the top navigation layout.  I’d like to have the main links Home, About Us, etc, on the same level as the My Cart and Checkout links.

The other problem I am having is with the logo.  It will appear on the main http://theballhogg.com page, but nowhere on the interior pages.  These are just a few of the things I am wrestling with at this time, and any help would be greatly appreciated!

 
Magento Community Magento Community
Magento Community
Magento Community
 
Pulkit Seth
Sr. Member
 
Avatar
Total Posts:  107
Joined:  2011-08-18
 

Hi,

For the navigation issue you have to put your div class navcontainer in class header, and then add float:left and padding-top:15px in .nav-container. You can check the attached screen shot I have explained it very clearly in screenshot.

For the the logo just add display:block in .logo style.css line 524 :
.logo {
background-image: url("http://theballhogg.com/images/logo.gif");
background-repeat: no-repeat;
display: block;
height: 75px;
width: 199px;
}

Regards
Pulkit

Image Attachments
issue1.png
 
Magento Community Magento Community
Magento Community
Magento Community
 
jcef13
Jr. Member
 
Total Posts:  6
Joined:  2013-04-30
 

Thank you for the response, the logo issue is fixed!

When you say “div class navcontainer in class header”, how would I go about doing this?  I’m sorry if this seems like a stupid question, I’m still learning my way around Magento.

It also seems like the links other than ‘Home’ are not active now, which is odd.

 
Magento Community Magento Community
Magento Community
Magento Community
 
Pulkit Seth
Sr. Member
 
Avatar
Total Posts:  107
Joined:  2011-08-18
 

Hi,

Just navigate in your theme folder then template/page/html/header.phtml

it will be like this :

<div class="header-container">
<div class="header">
<?php if ($this->getIsHomePage()):?>
<h1 class="logo"><strong><?php echo $this->getLogoAlt() ?></strong><a href="<?php echo $this->getUrl('') ?>” title="<?php echo $this->getLogoAlt() ?>” class="logo"><img src="<?php echo $this->getLogoSrc() ?>” alt="<?php echo $this->getLogoAlt() ?>” /></a></h1>
<?php else:?>
<a href="<?php echo $this->getUrl('') ?>” title="<?php echo $this->getLogoAlt() ?>” class="logo"><strong><?php echo $this->getLogoAlt() ?></strong><img src="<?php echo $this->getLogoSrc() ?>” alt="<?php echo $this->getLogoAlt() ?>” /></a>
<?php endif?>
<div class="quick-access">
<?php echo $this->getChildHtml('topSearch') ?>
<p class="welcome-msg"><?php echo $this->getWelcome() ?> <?php echo $this->getAdditionalHtml() ?></p>
<?php echo $this->getChildHtml('topLinks') ?>
<?php echo $this->getChildHtml('store_language') ?>
</div>
<?php echo $this->getChildHtml('topContainer'); ?>
</div>
</div>
<?php echo $this->getChildHtml('topMenu') ?>

replace it with this code

<div class="header-container">
<div class="header">
<?php if ($this->getIsHomePage()):?>
<h1 class="logo"><strong><?php echo $this->getLogoAlt() ?></strong><a href="<?php echo $this->getUrl('') ?>” title="<?php echo $this->getLogoAlt() ?>” class="logo"><img src="<?php echo $this->getLogoSrc() ?>” alt="<?php echo $this->getLogoAlt() ?>” /></a></h1>
<?php else:?>
<a href="<?php echo $this->getUrl('') ?>” title="<?php echo $this->getLogoAlt() ?>” class="logo"><strong><?php echo $this->getLogoAlt() ?></strong><img src="<?php echo $this->getLogoSrc() ?>” alt="<?php echo $this->getLogoAlt() ?>” /></a>
<?php endif?>
<div class="quick-access">
<?php echo $this->getChildHtml('topSearch') ?>
<p class="welcome-msg"><?php echo $this->getWelcome() ?> <?php echo $this->getAdditionalHtml() ?></p>
<?php echo $this->getChildHtml('topLinks') ?>
<?php echo $this->getChildHtml('store_language') ?>
</div>
<?php echo $this->getChildHtml('topContainer'); ?>
<?php echo $this->getChildHtml('topMenu') ?>
</div>
</div>

Regards
Pulkit

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
    Back to top