Joomla Templates Club 406,261 posts

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#192308

Hello,
I want to change the position of search engine to menu bar in ja_mitius.

to be just like this one;

http://joomla-templates.joomlart.com/ja_mendozite/

I attached a screenshot.
Thanks in advance.

---

Attachments:

1. 

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

#512425

What you need will require customization on JA Mitius Template, try with my suggestion:

+ Open templates/ja_mitius/tpls/blocks/top-bar.php file

Cut

<div class="head-search<?php $this->_c('head-search')?>">
<jdoc:include type="modules" name="<?php $this->_p('head-search') ?>" style="raw" />
</div>

+ Paste it into templates/ja_mitius/tpls/blocks/mainnav.php file

From

<div class="right-mainnav"> </div>

Change to

<div class="right-mainnav">
<div class="head-search<?php $this->_c('head-search')?>">
<jdoc:include type="modules" name="<?php $this->_p('head-search') ?>" style="raw" />
</div>
</div>

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

From

.head-search {
float: left;
height: 49px;
width: 47%;
}

change to

.head-search {
float: right;
height: 49px;
width: auto;
}

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

1. AHMED

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#512447

Thanks a lot.
It works well, but because I am using a RTL theme so I had to margin the search box to left side and this causes a freezing for all menu items. I have checked website with Firefox and Chrome but it works in Internet Explorer even the search box is not perfect like others browsers..

Could you please check that issue ?
http://108.163.201.174/~alumma/

Thanks again.

[AHMED Friend AHMEDJoin date: August 2013Posts: 119Downloads:377Uploads:34 Thanks: 20 Thanked: 2 times in 1 posts]

#512548

Hello,
I have fixed this issue by adding the following;
templates/ja_mitius/css/rtl/green/template.css

.head-search .input
position: absolute;

Could you please confirm that is correct solution ?
Regards.

1 user says Thank You to AHMED for this useful post

1. Ninja Lead

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

#512622

That’s right, thanks for sharing

[Author]

Posts