login position and template style

Your template CSS isn't necessary. Browser developer tools are the best way to understand how the CSS is affecting a page.

From a quick look, the below changes look like they'd do what you want:
* Re-order the SCLogin module to be before the menu module.
* Add the following to your template's CSS:That should do it, or at least get you much, much closer if not.

I hope that helps,
Alex

Thank you very much, That get me closer to what I need. to get me closer, please help with the fallowing question but before going to detail I am happy to contribute the translation to Thai, I am pretty new to Transiflex so after register with them I guest I need to make a request for new language to sourcecoast fist before I can start to translate. if not please advise how I can start the translation?

I have approved the request for the language. You can now request to join the translation team for that language or provide me your Transifex username to add to the translators.

I want to expand hover highlight to the full bar for my log in link, please see attach

It would be easiest to help with this if we could view the page and use the browser developer tools to tinker around with the CSS. Without that, it would just be us guessing on styles to add, which would most likely be incorrect. When I go to your page now, I get a prompt for username and password before even being able to see the site. If you could PM me credentials for the front-end, I can take a look.

I want the log out button to be the same line as profile picture.

This will most likely be margin or padding on the element, which you can play around with when you inspect it. Without seeing the page, I don't know the specific style.

In addition, how do I change the Log out button to display text link instead, (same style as log in)I could not find it in log out view setting. I did the translation direct to en-GB.mod_sclogin.ini. it works okay with log in link but I couldn't file the log out parameter, could you tell where I can change this.

In the latest version of SCLogin 4.2.4, the option is Logout View Settings > Show Logout > 'Show Link' option. This was a new feature for that release, so please make sure you are on the current version to change it to a text link.

-Melissa

#1 Change the hover

* Update the margin-top of the ".sclogin-modal-links.sclogin" style block from 15px to 13px (around line 111 of your bestphas.css)
* Add a padding:13px 8px; to the ".sclogin-modal-links a" style block (around line 98 of your bestphas.css)

#2 I want the log out button to be the same line as profile picture.
The Facebook application is not set up for non-admins to login yet, so I cannot create an account with an avatar and, therefore, still cannot look at this one. But as I said, this should be more of a minor margin or padding that you can find easily by using browser developer tools.

-Melissa

Sorry for the confusion; I meant that only admins of the Facebook application (not your site) would be able to log in because the FB Application is not set up fully yet. Please log into developers.facebook.com, go into your application, into the Status & Review section and make sure the application is set to Live.

I was able to log in via Facebook now, but I guess I am confused. The log out button is now aligned with the avatar, so what problem are you still trying to solve?