Joomla Templates Club 406,261 posts

[fiumeciane Friend fiumecianeJoin date: June 2009Posts: 208Downloads:13Uploads:57 Thanks: 16 Thanked: 6 times in 1 posts]

#195775

Hi, I would like to do some changes to mobile template, and I need your help.

The following image is the current situation.

The image below, instead what I would get.

1) more space for horizontal logo, in central position
2) search module at the center, under the logo

Name of main menu

I have modified file mega.js, line 61. to change the text of the main menu.

button = new Element ('div', {id:'ja-menu-button', html: 'Navigation', styles: { display: 'none'}}).inject (jmega, 'before');

But I noticed that the effect of this change are on some pages and not others (I have not understand why). I have done something wrong in the modification?

Thanks

---

Attachments:

1. 
2. 

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#527088

@fiumeciane,
You open the templatesja_universitycsslayout-mobile.css file, add this rule:

[PHP]#ja-header h1.logo {
margin: 0 auto 10px;
width: 100%;
text-align: center;
}

h1.logo a {
margin-left: auto;
margin-right: auto;
}

#ja-search {
width: 100%;
position: inherit;
}

#ja-search form {
float: left;
margin-left: 35%;
}[/PHP]

Once done, clear T3 cache.

1 user says Thank You to Hayden A for this useful post

1. fiumeciane

[fiumeciane Friend fiumecianeJoin date: June 2009Posts: 208Downloads:13Uploads:57 Thanks: 16 Thanked: 6 times in 1 posts]

#527200

Tanks Hayden 🙂

[Author]

Posts