Not Solved Panel Shrinks When Moving Text
Not Solved
I've run into an issue here. I'm trying to separate two texts on the same bar. Here is what it currently looks like:

[Image: Screen_Shot_2017_05_03_at_2_23_09_PM.png]

When I add my alignment, this is what happens:
[Image: Screen_Shot_2017_05_03_at_2_23_54_PM.png]

As you can see, the panel shrinks up. Here is my code:

<!-- Continuation of div(class="upper") as opened in the header template -->
<div class="left-align">
<ul class="menu panel_links">
<a class="inbox tt" href="{$mybb->settings['bburl']}/private.php" id="pm_notification" title="Private Messages"><i style="font-size: 16px;" class="fa fa-envelope-o fa-fw"></i> {$mybb->user['pms_unread']}</a>

<div class="right-align">
<div class="dropdown">
<div class="dropbtn"><a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}">{$mybb->user['username']} <i style="font-size: 16px;" class="fa fa-caret-down"></i></a></div>
  <div class="dropdown-content">
 <a href="{$mybb->settings['bburl']}/usercp.php" class="usercp">{$lang->welcome_usercp}</a>
 <a href="{$mybb->settings['bburl']}/usercp.php?action=profile">Edit Profile</a>
 <a href="{$mybb->settings['bburl']}/usercp.php?action=editsig">Change Signature</a>
 <a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup&modal=1', null, true); return false;">{$lang->welcome_open_buddy_list}</a>
 <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">[{$lang->welcome_logout}]</a>


In my global.css, here are my alignments:

.left-align {
 float: left;
padding-left: 50px;

.right-align {
float: right;
padding-right: 50px;

Any idea what could be causing this? Thank you!

Link to my forum is just in case that makes things easier.

Forum Jump:

Users browsing this thread: 1 Guest(s)