Joomla Templates Club 406,261 posts

[mylearningspace Friend mylearningspaceJoin date: March 2007Posts: 61Downloads:0Uploads:10 Thanks: 26 Thanked: 2 times in 1 posts]

#135681

hey people! ive had a good read of forums without solution & tinkered without the desired result. i’d like to relocate search module to top right of header (see screenshot). at present, search module resides in ‘user 4’ module position – this is at the bottom of page and not an obvious place to find a search tool!

any ideas?

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#280337

Hi mylearningspace !
You can do it following some steps below :
1. Open index.php file in templates/ja_erica folder, find following code section at about line 238 :


<div id="ja-search">
<jdoc:include type="modules" name="user4" style="raw" />
</div>


cut it and paste to the top of following code line :


<!-- paste here -->
<a id="ja-hp-switch">Member Area</a>

2. Open template.css file in templates/ja_erica/css folder, find following code section at about line 1359 :

/* Search */
#ja-search {
float: left;
padding-left: 30px;
display: block;
background: url(../images/icon-search.gif) no-repeat 10px center;
}

change to :


/* Search */
#ja-search {
bottom:14px;
right:130px;
position:absolute;
z-index:10;
}


1 user says Thank You to Sherlock for this useful post

1. mylearningspace

[mylearningspace Friend mylearningspaceJoin date: March 2007Posts: 61Downloads:0Uploads:10 Thanks: 26 Thanked: 2 times in 1 posts]

#280357

thanks hainin84. your code works nicely! 🙂

[Author]

Posts