Joomla Templates Club 406,261 posts

[syncrocrick Friend syncrocrickJoin date: March 2010Posts: 59Downloads:0Uploads:2 Thanks: 3]

#149867

Hi!

Is there a way to move the top menu from the top to below the large image?
Could someone walk me through the process?

thank you very much!

Christian

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#338012

syncrocrick;171625Hi!

Is there a way to move the top menu from the top to below the large image?
Could someone walk me through the process?

thank you very much!

Christian

Hi syncrocrick!

In order to move the menu below the slideshow, please open index.php file from your template folder, and find this on line 74:

<!-- MAIN NAVIGATION-->
<div id="ja-mainnav" class="wrap">
<div class="main clearfix">

<ul class="no-display">
<li><a href="<?php echo $tmpTools->getCurrentURL();?>#ja-content" title="<?php echo JText::_("SKIP TO CONTENT");?>"><?php echo JText::_("SKIP TO CONTENT");?></a></li>
</ul>

<?php if($ja_menutype!='none') { $jamenu->genMenu (0); } ?>

</div></div>
<!-- //MAIN NAVIGATION-->
Cut that (everything from line 74 to line 85 and then find this on line 111 (it will move from 122 to 111 when you cut the above section):

</div></div>
<!-- //SLIDE SHOW -->
<?php } ?>
Paste the clipboard content right after the <?php } ?>, and before <!– TOPBLOCK –>, on line 114, so that this section looks like this from line 110 to 130:

</div>
</div></div>
<!-- //SLIDE SHOW -->
<?php } ?>
<!-- MAIN NAVIGATION-->
<div id="ja-mainnav" class="wrap">
<div class="main clearfix">

<ul class="no-display">
<li><a href="<?php echo $tmpTools->getCurrentURL();?>#ja-content" title="<?php echo JText::_("SKIP TO CONTENT");?>"><?php echo JText::_("SKIP TO CONTENT");?></a></li>
</ul>

<?php if($ja_menutype!='none') { $jamenu->genMenu (0); } ?>

</div></div>
<!-- //MAIN NAVIGATION-->
<!-- TOPBLOCK -->
<?php if( $this->countModules('user5') ) { ?>
<div id="ja-topsl" class="wrap clearfix">
<jdoc:include type="modules" name="user5" style="jamodule" />
</div>
Good luck 🙂

[syncrocrick Friend syncrocrickJoin date: March 2010Posts: 59Downloads:0Uploads:2 Thanks: 3]

#338023

Aweseome, thank you it works perfect.

Now just one more thing, if I wanted to change the background color and/or font color for the same menu, where would I find this?

thanks again

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#338039

syncrocrick;171692Aweseome, thank you it works perfect.

Now just one more thing, if I wanted to change the background color and/or font color for the same menu, where would I find this?

thanks again

To change the font color of non-active item, please open ja.splimenu.css file, located in ja_menus directory inside your template folder, and find this on line 31:

#ja-splitmenu a {
display: block;
text-decoration: none;
font-size: 92%;
color: #888888;
font-weight: normal;
padding: 4px 20px;
text-transform: uppercase;
}

change color (#888888) to any color you like, then scroll down to line 50 and find this:


#ja-splitmenu li.active a {
color: #B81D57;
}

and change it according to your needs to change the color of active menu item. If you scroll down a bit more you’ll find:

#ja-splitmenu li.active a:hover,
#ja-splitmenu li.active a:active,
#ja-splitmenu li.active a:focus {
color: #B81D57;
}

which is where you can change the hover menu item color.

To change the color of the background, you have to change mainnav-bg.gif image, located in images directory of your template.

Good luck 🙂

1 user says Thank You to histeriks for this useful post

1. asimd

[Author]

Posts