Joomla Templates Club 406,261 posts

[MICHAEL Friend MICHAELJoin date: February 2010Posts: 14Downloads:0Uploads:10 Thanks: 3 Thanked: 3 times in 1 posts]

#153966

Hi,

I use Dropline menu on my Teline 3 template.

In Main menu, i have a lot of menu item, so i get 2 lines instead of 1.

Its look like this:

i would like to make some improvements, and to space out text!

What is the best way ?

I start to check css and i find

#ja-subnav li {
background:none repeat scroll 0 0 transparent;
border-left:1px solid #999999;
display:block;
float:left;
padding:0 10px 0 11px;
}

I modify to

#ja-subnav li {
background:none repeat scroll 0 0 transparent;
border-left:1px solid #999999;
display:block;
float:left;
padding:1px 10px 2px 11px;
}

Its better but border left get higher too, how to solved it, or how to replace border left by an image ??

The first menu item in menu is not a class: first-item so i get border left also at the second line, how to take off this ??

See the picture attached

THANK YOU

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#354336

Hello

See the problem you gave, the menu has many submenu items, they could not display in line as normally, i think that you try to reorganized the main menu to have a shorter submenu.

In the template.css file you find:

#ja-subnav li {
background: none;
display: block;
float: left;
border-left: 1px solid #999;
padding: 0 10px 0 11px;
}

you remove the lef border and padding in above rule to resolve the issue

[MICHAEL Friend MICHAELJoin date: February 2010Posts: 14Downloads:0Uploads:10 Thanks: 3 Thanked: 3 times in 1 posts]

#354365

Hi,

Thanks for reply!

But is that only can i do ?? No other solution ??

I mean, i want to keep this left border! I love it! Its look strane without!

I made some test with firefug,
I modify a little bit :

#ja-subnav li {
background:none repeat scroll 0 0 transparent;
display:block;
float:left;
padding:2px 5px 2px 11px;
}

#ja-subnav ul {
background:none repeat scroll 0 0 #DDDDDD;
overflow:hidden;
padding:8px 0;
}

LOOK LIKE THIS

Do you have any ideas to keep this config AND BORDER LEFT or replace border left by small image like in CSS3 ???

Please have also a look to another small problem :
http://www.joomlart.com/forums/topic/how-do-i-change-colour-of-mega-menu-items/#post-354292

Thank you very much

Mike

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#354517

Helllo

i do not have more solutions on this, you can try to use the mega menu or css menu, i think that it will look better 🙂

[Author]

Posts