How to style Action Button
I have added an action button to my theme using Theme Options > Header & Subheader > Extras > Action Button and it is displaying as expected. See it here: http://185.56.86.194/~aata/dev/
What's the best way to style the action button? I have tried updating the colors through Theme Options > Colors > Header > Action Button but it seems to have no effect.
I have resorted to the CSS below - but would rather use theme options and avoid use of !important, if possible.
/*Style button at right side of nav menu i.e. 'Account' button */
.top_bar_right_wrapper > a.action_button {
background: #6eb6e3;
color: #ffffff !important;
}
Comments
I disabled your CSS.
Your Grid Width(Theme Options > Global > General) is too small, that's why menu items are going down.
Also, you can remove one of the menu items to get it fit too.
As you said, it should be changing while modifying it through Theme Options > Colors > Header > Action Button, if it's not, please try to disable all of the plugins, clear the cache and check if the issue still exists.
Thanks