• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Resource icon

Change login bar to an overlay

Jake Bunce

XenForo moderator
Staff member
Jake Bunce submitted a new resource:

Change login bar to an overlay (version 1.x) - Will popup a standard overlay box instead of the default "scroll down" from the top.

Instead of this menu scrolling down from the top:

View attachment 27034

You will get an overlay window in the middle of the page:

View attachment 27035

Admin CP -> Appearance -> Templates -> login_bar

Add the red code:

Rich (BB code):
<xen:require css="login_bar.css" />

XenForo.LoginBar = function(a){};

<div id="loginBar">
	<div class="pageWidth">
		<div class="pageContent">	
			<h3 id="loginBarHandle">
Read more about this resource...


Well-known member
I think the add-on adds this button as a hook for the login_bar template.


<li><a href="{xen:link register/twitter, '', 'reg=1'}" class="twLogin"><img src="http://a0.twimg.com/images/dev/buttons/sign-in-with-twitter-d.png" alt="Sign up with Twitter"}" /></a></li>

Jake Bunce

XenForo moderator
Staff member
Oh. Are overlays enabled?

Admin CP -> Appearance -> Style Properties -> Overlays and Tooltips -> Enable Overlays

This setting must be enabled for it to work.

Jake Bunce

XenForo moderator
Staff member
Then it might be a style problem. Try it on a default style.

If it still doesn't work then I need the URL to your forum so I can take a look.