Joomla Templates Club 406,261 posts

[conforturis Friend conforturisJoin date: April 2010Posts: 256Downloads:0Uploads:58 Thanks: 59 Thanked: 7 times in 1 posts]

#191795

Hi
In JA Droid how can I add new position where is megamenu but in right corner.
I want this position for Language Switcher module.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#510625

Perhaps the info within may be helpful to you.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#510641

@conforturis: You can follow my solution below :

+ Customize php source code

Open templates/ja_droid/blocks/mainnav.php file

From


<?php $this->genBlockBegin ($block) ?>
<?php if (($jamenu = $this->loadMenu())) $jamenu->genMenu (); ?>
<?php $this->genBlockEnd ($block) ?>

<?php if ($this->hasSubmenu() && ($jamenu = $this->loadMenu())) : ?>
<div id="ja-subnav" class="wrap">
<div class="main clearfix">
<?php $jamenu->genMenu (1); ?>
</div>
</div>
<?php endif;?>


Change to


<did id="ja_menu_customize">
<?php $this->genBlockBegin ($block) ?>
<?php if (($jamenu = $this->loadMenu())) $jamenu->genMenu (); ?>
<?php $this->genBlockEnd ($block) ?>

<?php if ($this->hasSubmenu() && ($jamenu = $this->loadMenu())) : ?>
<div id="ja-subnav" class="wrap">
<div class="main clearfix">
<?php $jamenu->genMenu (1); ?>
</div>
</div>
<?php endif;?>
<?php if($this->countModules('new_position')) : ?>
<did id="ja_new_position">
<jdoc:include type="modules" name="new_position" />
</div>
<?php endif; ?>
</div>


+ Open templates/ja_droid/css/template.css file

Add new script


#ja_menu_customize {
float: left;
margin: 0px auto;
width: 100%;
}
#ja-mainnav {
width: 80%;
float: left;
}

#ja_new_position {
float: left;
width: 20%;
}


Remember to clear cache from Admin area after making changes

1 user says Thank You to Ninja Lead for this useful post

1. Henning

[conforturis Friend conforturisJoin date: April 2010Posts: 256Downloads:0Uploads:58 Thanks: 59 Thanked: 7 times in 1 posts]

#510658

This is instruction for template with new T3 Framework.
I am working with JA Droid template. This template work in JA T3 Framework 2.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#510677

<em>@conforturis 395811 wrote:</em><blockquote>This is instruction for template with new T3 Framework.
I am working with JA Droid template. This template work in JA T3 Framework 2.</blockquote>

In that case, try instead.

[conforturis Friend conforturisJoin date: April 2010Posts: 256Downloads:0Uploads:58 Thanks: 59 Thanked: 7 times in 1 posts]

#510784

<em>@Ninja Lead 395792 wrote:</em><blockquote>@conforturis:

+ Open templates/ja_droid/css/template.css file

Add new script


#ja_menu_customize {
float: left;
margin: 0px auto;
width: 100%;
}
#ja-mainnav {
width: 80%;
float: left;
}
#ja_new_position {
float: left;
width: 20%;
}

</blockquote>

With this css script I cannot see submenu items. Mouse hover menu item and cannot display submenu items.

see:

If I try this script in ja-mainnav class


#ja-mainnav {
position: absolute;
z-index: 22;
width: 80%;
float: left;
}

Submenu items displaying when mouse hover in menu item, but new_position added hidden

If I replace position: absolute; to position: relative; like this:


#ja-mainnav {
position: relative;
z-index: 22;
width: 80%;
float: left;
}

I cannot see submenu items when mouse hover in menu item

What can I do for solve it?

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#510887

You can try with my below solution:

Open templates/ja_droid_pt/themes/green/css/template.css file

#ja_menu_customize {
background: url(../images/mainnav-bg.gif) repeat-x left top #273006;
border-top: 1px solid #51630f;
position: absolute;
}

Open templates/ja_droid_pt/css/mod_jaslideshow.css file

#ja-slideshow {
background: #000;
border-top: 1px solid #000;
position: relative;
z-index: 10;
overflow: hidden;
margin-top: 48px;
}

Always remember to clear cache from the Admin area after applying any changes

2 users say Thank You to Ninja Lead for this useful post

1. conforturis
2. Henning

[conforturis Friend conforturisJoin date: April 2010Posts: 256Downloads:0Uploads:58 Thanks: 59 Thanked: 7 times in 1 posts]

#511130

Your solution works only when we are in home page
When we navegate in other menu item appears a square blank in place of the module Language Switcher module. And a small piece of the top of the page is cut.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#511226

I did fix the problem on your site with PT language as below

Open templates/ja_droid_pt/themes/green/css/template.css file

Add new script


body#bd #ja-wrapper {
overflow: visible;
}


Please check and let me know if it helps

1 user says Thank You to Ninja Lead for this useful post

1. conforturis

[conforturis Friend conforturisJoin date: April 2010Posts: 256Downloads:0Uploads:58 Thanks: 59 Thanked: 7 times in 1 posts]

#511349

Thanks. Good assistance.

[Henning Friend HenningJoin date: February 2012Posts: 69Downloads:45Uploads:9 Thanks: 40 Thanked: 9 times in 1 posts]

#524271

Worked like a charm, thanks a bunch!

[Author]

Posts