"Advanced Top Menu" module, float searchbox to right?

[Max-s]

Hi there,

 

The Advanced Top Menu module seems to implement the searchbox as another tab in the menu, causing it to line up with the menu items. However, I'd like to have my menu tabs to float:left, while the searchbox floats right.

 

I've tried fixing this by looking up the unique class of the li item of the searchbox - "search_query_atm_menu_14" in this case - and applying css styling in the configuration of the module as follows: .li-niveau1 advtm_menu_14 {float:right !important;}

 

Unfortunately this doesn't yield the desired result. What does seem to work is to apply the style inline as I've done during testing in Firebug but I can't figure out how to apply this in the tpl file of either pm_advancedtopmenu_search.tpl or pm_advancedtopmenu.tpl.

 

Current situation:

https://www.evernote.com/shard/s14/sh/ecaec0a9-c71f-4104-8f4a-b9bf3756bb11/cac0583e68f786a1f667a7f0e6e19a5b

 

Desired result:

https://www.evernote.com/shard/s14/sh/b815e81d-6536-4ff9-b455-5a2ae97c66b7/d873e3c38258ef9c3655ff3439253d68

 

Any bright minds around that can help me out?

 

Thanks in advance!

 

Cheers!

[Max-s]

Solved.

 

Trial and error brought me to the following solution:

 

<li class="li-niveau1 advtm_menu_{$menu.id_menu|intval} {if $menuHaveSub} sub{/if}" {if $menu.id_menu|intval == 14} style="float:right" {/if}>{$advtm_obj->getLinkOutputValue($menu,'menu',true,$menuHaveSub,true)}{if $menuHaveSub}

 

Edited in pm_advancedtopmenu.tpl

 

It may not be the prettiest solution but it works..

Edited March 19, 2013 by Max-s (see edit history)