Joomla Templates Club 406,261 posts

[lefevre Friend lefevreJoin date: March 2011Posts: 26Downloads:0Uploads:1 Thanks: 8 Thanked: 3 times in 1 posts]

#177194

Hello.

I am using Orisite for my template and have heavily modified CSS so I can’t really switch to Puresite to start over…how can I have the logo & mainnav line up with logo on the left & menu on the right (like in Puresite), instead of having logo on top with mainnav below logo?

Please help?

Thanks!
An 🙂

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#453594

Hi

The logo & mainnav were put in a block which have type = header, so you can refer file header.php in templates/ja_puresite/blocks.

1 user says Thank You to chavan for this useful post

1. lefevre

[lefevre Friend lefevreJoin date: March 2011Posts: 26Downloads:0Uploads:1 Thanks: 8 Thanked: 3 times in 1 posts]

#453674

Thanks for pointing me in the right direction!

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#454573

A little more detail would be useful! How would I modify that file to get them on the same line!

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#454655

Hi there,

You can customize markup & css for consistent with a specific case.

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#454764

What exactly do I change to get the menu and logo to be on the same line?

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#454765

<em>@tphmedia 321944 wrote:</em><blockquote>What exactly do I change to get the menu and logo to be on the same line?</blockquote>

Maybe post a url and someone will be able to see what to change to help you? 😉

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#454768

http://174.121.38.62/~profroof

Same as the original poster. Want to move the menu up to the same line as the logo. See attached.

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#454775

If you don’t want the search box and the top menü please unpublish them in module manager. Then it leaves more room to see and doesn’t complicate matters.

Merci

[tphmedia Friend tphmediaJoin date: July 2009Posts: 139Downloads:0Uploads:27 Thanks: 17 Thanked: 2 times in 1 posts]

#454780

Unpublished!

[lefevre Friend lefevreJoin date: March 2011Posts: 26Downloads:0Uploads:1 Thanks: 8 Thanked: 3 times in 1 posts]

#454897

Ok, with Orisite template, it was easy to make menu on same line as logo. You have to modify two files in order to do it. Make sure you save original copy before you modify just in case you need to revert to the original.

1. Modify header.php file which can be found at ja_orisite/blocks/header.php. I rearranged everything after line 31, so delete everything after line 31. Here is the code you need to place after line 31:


<?php if($this->countModules('topmenu') || $this->countModules('search') ) : ?>
<div id="ja-topmenu">
<jdoc:include type="modules" name="topmenu" />
<?php if($this->countModules('search') ) : ?>
<div id="ja-search">
<jdoc:include type="modules" name="search" />
</div>
<?php endif; ?>
</div>
<?php endif; ?>

<?php if (($jamenu = $this->loadMenu())) : ?>
<div id="ja-mainnav" class="clearfix">
<?php $jamenu->genMenu (); ?>
</div>
<?php endif;?>

<?php if($this->countModules('shoppingcart')) : ?>
<div id="ja-shoppingcart">
<jdoc:include type="modules" name="shoppingcart" />
</div>
<?php endif; ?>


Save & upload.

2. The second file you need to modify requires you to go into Joomla itself. If you don’t modify this layout, you will have two mainnav bars displayed. This second part deletes the extra menu. So login and go to Extensions>Template Manager>JA_Orisite> Select “Layouts” tab.

1. Click “Clone” for the “Default” layout. Name it something if you don’t want it to be called “default-copy”. Hit Ok.
2. In the newly cloned default layout, use “Edit” action and delete line 9 that lists this block
<block name="mainnav" type="mainnav"></block>
3. Click “Save” to save the file.
4. Click “Save” in top right hand corner to save again.
5. Now to activate the layout, you have to go to the “Profiles” tab. Once in the tab, scroll to last setting called “Layout Settings”. For “Desktop Layout”, select your newly created layout from the drop-down select field.
6. Click “Save” in top right hand corner to save your selection.

This should do it!

Good luck!

1 user says Thank You to lefevre for this useful post

1. swissa

[Author]

Posts