How to Change the Inline CSS for Submenus

[CTB_Webmaster]

Greetings

First let me thank you for your excellent work with the SmartMenus and the add-ons.

I am using the sm-clean version with keyboard add-on. I am try to have the submenu align to the right instead to the left. Unfortunately the style for the submenu is inline and is only applied when the submenu is displayed. How do a go about changing this?

When the submenu is displayed:

<ul style=”right: 0px; width: auto; min-width: 10em; display: none; max-width: 20em; top: auto;left: 0px; margin-left: -1px; margin-top: 4px;” id=”sm-14776695603766526-2″ role=”group” aria-hidden=”true” aria-labelledby=”sm-14776695603766526-1″ aria-expanded=”false” class=”sm-nowrap”>

When it is not displayed:

<ul style=”right: 0px;” id=”sm-14776695603766526-4″ role=”group” aria-hidden=”true” aria-labelledby=”sm-14776695603766526-3″ aria-expanded=”false”>

Any help would greatly be appreciated.

[admin]

Hi, please check the rightToLeftSubMenus option:

http://www.smartmenus.org/docs/#rightToLeftSubMenus

and potentially the data-sm-reverse attribute:

http://www.smartmenus.org/docs/#data-sm-reverse

and let me know if you still have any troubles.

Otherwise, you could override the inline styles (automatically calculated by the script based on a number of conditions) by using !important CSS declarations.

[Author]

Posts