× Support for Joomla 2.5 templates is discontinued. This forum category is read-only.

searchbox inside menu+ submenu item witdh

irmet
Topic Author
Offline

5 years 10 months ago - 5 years 10 months ago #5797 by irmet

irmet created the topic: searchbox inside menu+ submenu item witdh

hi
i am using jm-business market template+ dj menu
i reduced the menu width to 600 px. i want to put an search box or module beside of menu. how can i? (something like the attached file)

thanks

Attachments:

Last Edit: 5 years 10 months ago by irmet.

Please Log in or Create an account to join the conversation.

artur
Offline

5 years 10 months ago - 5 years 10 months ago #5800 by artur

artur replied the topic: searchbox inside menu?

Hello,
You need to publish second module on position 'dj-menu-top' and then adjust styles.
Example :

#jm-djmenu {
background: grey  /* same background as in menu .dj-main  */
}
#jm-djmenu .dj-main {
float: right;
width: 60%;
}

#jm-djmenu div.search {  /* 'div.search' if search module */
float: right;
width: 40%;
}

Best Regards.

Last Edit: 5 years 10 months ago by artur.

Please Log in or Create an account to join the conversation.

irmet
Topic Author
Offline

5 years 10 months ago #5802 by irmet

irmet replied the topic: searchbox inside menu?

worked great

thanks man

but what about multilang website? l2r and r2l directions?

Please Log in or Create an account to join the conversation.

irmet
Topic Author
Offline

5 years 10 months ago - 5 years 10 months ago #5803 by irmet

irmet replied the topic: searchbox inside menu?

worked great thanks man
but what about multilang website? l2r and r2l directions?

another question is:
how can i change the first-level sub-menu items width?
i got confused about dj menu stylesheets
we have 4 css files:
djmenu.css + djmenu_fx.css (in template folder)
djmenu.css+ djmenu_fx.css (in module folder)

can you explain more about the 4 style-sheets and what are the differences? which one is used for main menu?

Last Edit: 5 years 10 months ago by irmet.

Please Log in or Create an account to join the conversation.

artur
Offline

5 years 10 months ago #5804 by artur

artur replied the topic: searchbox inside menu?

Hello,
For RTL Languages add css in 'css/rtl.css'
Example :

#jm-djmenu .dj-main {
float: left;
}

#jm-djmenu div.search {  /* 'div.search' if search module */
float: left;
}

DJ-Menu :
Template folder - theme for the template (option Override from the template in module options).
Module folder - other themes
Depend which theme for DJ-Menu is selected in module options.

Classes for 1st submenu level :

.dj-main > li > ul.dj-submenu > li  { }
or
.dj-main > li > ul.dj-submenu > li > a { }

Best Regards.

Please Log in or Create an account to join the conversation.

irmet
Topic Author
Offline

5 years 10 months ago #5805 by irmet

irmet replied the topic: searchbox inside menu?

thanks for your reply.

the module is done!

but for the submenu resize, it doesnt work. i did change all 210px to 160 and 170px to 140px in djmenu.css and djmenu_fx.css but the result was not good and i cant find the class:

.dj-main  li  ul.dj-submenu  li

may i ask the exact line number in djmenu.css or djmenu_fx.css ? (sorry....)

and i didint get it yet the differences between djmenu and djmenu_fx stylesheets? i think djmenu used for simple menus and djmenu_fx used for menus that enabled effects? right?

Please Log in or Create an account to join the conversation.