Joomla Templates Club 406,261 posts

[clampert Friend clampertJoin date: March 2008Posts: 113Downloads:0Uploads:2 Thanks: 42 Thanked: 13 times in 1 posts]

#135398

Is it possible to change the menu for this template to a regular menu bar, like say in JA Rutile? How can I do that?

I love the styling of this template, but I have too many menu items which I won’t be able to fit in the current menu, because the space on the left is taken up by the logo. So I’d like to move the logo above the menu and use the entire width of the page for the menu bar.

Thanks for any suggestion on how to do this.

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

#279917

Hi !
You can do it following way below :

Open template.css find following code section at about line 794 :


#ja-mainnav {
background:transparent url(../images/mainnav-sep.gif) no-repeat scroll left center;
float:left;
height:100px;
width:75%;
}


change to :


#ja-mainnav {
background:transparent url(../images/mainnav-sep.gif) no-repeat scroll left center;
float:left;
height:100px;
width:100%;
}


[clampert Friend clampertJoin date: March 2008Posts: 113Downloads:0Uploads:2 Thanks: 42 Thanked: 13 times in 1 posts]

#279967

Hainn, thanks for responding. However when I change the width to 100%, the menu overlaps the body text.
Please have a look here to see what I mean: http://tinyurl.com/6amk2v
What can I do?

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

#280077

Hi clampert !
I have checked your site, you are using edenite template , it isn’t olivine template , have you change it ?

[clampert Friend clampertJoin date: March 2008Posts: 113Downloads:0Uploads:2 Thanks: 42 Thanked: 13 times in 1 posts]

#280083

Yes, Olivine. Here it goes again, just changed it back to Olivine. I should also mention that the overlapping problem appears in IE not in Firefox. I’m using IE 7.

But what I would actually like to do is not use the Olivine menu styling at all, and replace it with a menu bar like in Rutile or Edenite. I’m guessing I can copy the css from one of these templates, but I’m not sure where to place it. So far so good with the logo at the top and the menu below it, but need to change the menu bar styling.

Thanks so much for looking into this!

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

#280125

Hi clampert !
Please open template.css file in templates/ja_olivine/css folder ,find following code section at about line 792 :


#ja-mainnav {
background:transparent url(../images/mainnav-sep.gif) no-repeat scroll left center;
float:left;
height:100px;
width:100%;
}


change to :


#ja-mainnav {
background:transparent url(../images/mainnav-sep.gif) no-repeat scroll left center;
float:left;
height:115px;
width:100%;
}


1 user says Thank You to Sherlock for this useful post

1. clampert

[clampert Friend clampertJoin date: March 2008Posts: 113Downloads:0Uploads:2 Thanks: 42 Thanked: 13 times in 1 posts]

#280656

I tried changing it to 115% but unfortunately it doesn’t do any good. Not in IE.
Nevermind then, I think I’ll use the existing menu design.
Thank you very much anyway for trying to help.

[Author]

Posts