http://www.actionsystems.eu/

this is the site..

i've got the following problem:

i got a mainmenu link like:

PROJEKT SUPPORT


but i want it like this:

PROJEKT
SUPPORT

centered

any advice you can give me ?

maybe there is an option to limit the width of the table to force a linebreak?

Hello

To achieve this style of menu you will need to use a 'mega menu' styled dropdown which allows you to add multiple modules in your menu dropdown. Sorry to say this feature is not available within this template however there is a number of mega menu extensions available. One option may be the following however it has never been tested with this template...

http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/drop-a-tab-menus/18101

To wrap your menu item to a second line try adding the following to the Custom CSS field of your templates parameters...


[code type=css]#hornav .item-107 a {
padding: 5px 15px;
white-space: normal;
width: 65px;
}[/code]

Ciarán

thx.. it worked great so far

so i've got another few questions to bug you:

if you could take a short look on our site:
http://www.actionsystems.eu
you will see that the SideCol-A and SideCol-B doesnt fit in width when its shown on smaller devices (iphone/etc.).. the width is set to 25%

another problem is that we set the sidecolumns to show an image (like on your live demo)
but the text is inside the image

would be very nice if you could help us

thx for your nice support,

greets coldi

Hi Coldi

Just to confirm regarding the width issue, you would like the sidecolumns to remain at 25% on smaller screen devices?

For the icons in the sidecolumn area try removing the following from your templates nexus.css (../templates/j51_nocturne/nexus.css - line640)


[code type=css].sidecol_block h3 {
padding:0px 0px 5px !important;
}[/code]

Ciarán

hmm..
sry for my rly bad english :/

no i would not like to remain the sidecolumns ab 25% on smaller screens..

i attached a picture below.. there are about 20px or something difference to the right border from sidecol-a and sidecol-b

Thank you for clarifying.

To amend try adding the following to the Custom CSS field of your tempaltes parameters...


[code type=css]@media only screen and (min-width: 768px) and (max-width: 959px) {
#sidecol_a .sidecol_block {padding:0;}}
@media only screen and ( max-width: 767px ) {
#sidecol_a .sidecol_block {padding:0;}}
@media only screen and (max-width: 440px) {
#sidecol_a .sidecol_block {padding:0;}}[/code]

Ciarán