LeTay
asked on
Joomla menu button
Hello,
I am developing a site based on Joomla from scratch
I saw in the examples that the top menu is composed of several items
The first looks like a blue button
I created a mainmenu with two items, but these appears one below the other, not on the right, and not as buttons
How can I achieve this ?
Thanks
I am developing a site based on Joomla from scratch
I saw in the examples that the top menu is composed of several items
The first looks like a blue button
I created a mainmenu with two items, but these appears one below the other, not on the right, and not as buttons
How can I achieve this ?
Thanks
ASKER
I chose position-1
Look at it http://cbsl.ddns.net/net
The three items of the menu, above are not linke buttons left to right, but simple text up to down
I want three buttons
Thanks
Look at it http://cbsl.ddns.net/net
The three items of the menu, above are not linke buttons left to right, but simple text up to down
I want three buttons
Thanks
ASKER
http://cbsl.ddns.net/cbsl,
Sorry
Sorry
its the style sheet.
the template.css does not have any styling for horizontal menu, unless you have it defined somewhere else.
if you have, then in the module manager open the menu module and on the Advanced tab
type in the box "menu Call Suffix" the name of the menu style you have defined.
looking at the button on that page try ".btn-primary"
and change li in templates.css at line 671 change :
li {
line-height: 18px;
}
li {
line-height: 18px;
display: inline-block;
margin: 5px;
padding: 5px;
}
.
the template.css does not have any styling for horizontal menu, unless you have it defined somewhere else.
if you have, then in the module manager open the menu module and on the Advanced tab
type in the box "menu Call Suffix" the name of the menu style you have defined.
looking at the button on that page try ".btn-primary"
and change li in templates.css at line 671 change :
li {
line-height: 18px;
}
li {
line-height: 18px;
display: inline-block;
margin: 5px;
padding: 5px;
}
.
it may be the template is missing something in the style sheet.
you could try another template and see if that displays the menu correctly.
you could try another template and see if that displays the menu correctly.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hello chilternPC,
I modified the template.css and already the menu items are on the same line...
Still missing these inside blue buttons
I followed the link and look at slide 9
But that menu I do not have
I run version 3.4.1 so i suspect this config is "somewhere else"
The nav-pills remembers me something
I think I am very close to the solution
Can you help ?
Many thanks
I modified the template.css and already the menu items are on the same line...
Still missing these inside blue buttons
I followed the link and look at slide 9
But that menu I do not have
I run version 3.4.1 so i suspect this config is "somewhere else"
The nav-pills remembers me something
I think I am very close to the solution
Can you help ?
Many thanks
ASKER
Well, finally I found where : module manager etc...
The main menu was locked and I had to unlock it
Now I put nav-pills (with a space before)
I works better, but only the first sub-menu is a "button"
Look at http://cbsl.ddns.net/cbsl
How can I have the three like buttons ?
Thanks
The main menu was locked and I had to unlock it
Now I put nav-pills (with a space before)
I works better, but only the first sub-menu is a "button"
Look at http://cbsl.ddns.net/cbsl
How can I have the three like buttons ?
Thanks
ASKER
I see that the menu item "becomes" a button when I click on it.
Already good for me...
Already good for me...
semble bon :-)
1) create a menu under the menu manager, when you create each menu item you can choose its type (menu type) each item can be either a single article or a category of articles or open an extension such as a photo gallery depending on what extensions you have installed once you have a menu of a set of menu types save it.
2) create a menu module - under extensions open module manager, if you also ready have a main menu open that one or create a new module and choose type menu.
now when the menu module is open choose the menu you have just created and also choose the position the menu is going to be displayed at. (see your template that you have chosen for the positions) for the main menu its usually position-1.
also set it to display on all pages. (under menu assignment tab)
why is it displaying downwards? it maybe it is the position you have chosen for the menu?
check your template for the positions.