Joomla Templates Club 406,261 posts

[Bernardo de Kreij Friend Bernardo de KreijJoin date: September 2014Posts: 20Downloads:0Uploads:1 Thanks: 2]

#138386

On the rebound.

I have the following issue when i use two words for menu items on the top menu then the 2nd word automatically gets a <br> .
This isn’t a problem but the alignment of the 2nd line is below the icon image and it makes the whole menu shift up.

see attachment for illustration of the problem.

---

Attachments:

1. 

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#292644

Your font-size is too big for the space that you’ve got in the mainmenu.

You need to amend the following code in order for your title to show up.

CSS File To Amend: ja.splitmenu.css

#ja-splitmenu a {
color:#777777;
display:block;
font-size:12px;
font-weight:bold;
padding:0;
text-decoration:none;
}

Change the font-size from 12px to 11px. That works as I’ve tried it using Firebug.

i’ve successfully chnaged ‘on the fly’ your current wii mod title to Wii Ombouw and it fits quite nicely, however when I change the Xbox title from Ombouw to Xbox Ombouw – you still have the same problem hence you might need to go to a smaller font size (which is no point as it looks too small for a title) or remove the icons and look at a more icon-less menu.

[Bernardo de Kreij Friend Bernardo de KreijJoin date: September 2014Posts: 20Downloads:0Uploads:1 Thanks: 2]

#292709

Thanks you pointed me in the right direction but indeed to show both titles in full i would have to make the font too small.

I also found that adapting the width of the seperate menu items makes it display correctly.

The CSS for the elements is:

element.style {
width:135px;
}

html:

<li class=”menu-item1″ style=”width: 135px;”>

I can adapt the widths in firebug and its shows alle titles nicely because i take some space from menu items like home that don’t need it.

The question is… How from css can i set the different with for the menu items menu-item1, menu-item2 etc..

[Author]

Posts