MyBB Community Forums

Full Version: Dropdown issue
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
im having 2 issues

1. Im having issues ediiting this script 
My dropdown is not working when i click/hover over it  nothing pops up.
>Below where admin is <
<div class="dropdown" style="margin-left: -12px;">
	<button id="dropdown-profile-open" class="dropbtn" style="font-weight: 500;border-right:1px solid #292929">
		<img src="{$mybb->user['avatar']}" class="dropbtn" onerror="this.src='https://ogusers.com/images/default_ogusers.png';" width="32px" height="32px" style="border-radius: 5%;display: inline-block; vertical-align: middle;padding: 0">
		&nbsp; {$mybb->user['username']} <i style="font-size: 13px; margin-left: 2px;" class="fa fa-angle-down" aria-hidden="true"></i></button>
	<div id="dropdown-profile" class="dropdown-content">
<div class="drop-menu-inner" style="background-color: #b32222;padding: 10px;border-radius:2px;">
<!-- <img class="drop-menu-avatar" onerror="this.src='https://ogusers.com/images/default_ogusers.png';" style="border-radius: 4px;display: inline-block;margin-right: 10px;vertical-align: top;" src="{$mybb->user['avatar']}" width="55px" height="55px"> -->
<div style="display: inline-block;vertical-align: top;">
<!-- <div style="color: #fff;font-size: 16px;margin-bottom: 6px;">{$mybb->user['username']}</div> -->
<div style="color: #fff; font-size: 13px;font-weight: 500;"><i class="fa fa-comments drop-menu-icon" style="background: rgba(0, 0, 0, 0.1);padding: 5px;border-radius: 3px;color: #fff;font-size: 14px;"></i>&nbsp; {$mybb->user['threadnum']}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-book drop-menu-icon" style="background: rgba(0, 0, 0, 0.1);padding: 5px;border-radius: 3px;color: #fff;font-size: 14px;"></i>&nbsp; {$mybb->user['postnum']}</div>

</div>
</div>
		<div style="padding: 6px;">
			<div class="profileoverflow">
				<!-- <div class="inline" style="margin-right: 6px;vertical-align: top;">
					<center>
						<div class="dropbox responsivehide">REP:<span class="right">{$mybb->user['reputation']}</span></div>
						<div class="dropbox responsivehide">POSTS:<span class="right">{$mybb->user['postnum']}</span></div>
						<div class="dropbox responsivehide">THREADS:<span class="right">{$mybb->user['threadnum']}</span></div>
					</center>
				</div>--> <div >
					<a class="dropborder" href="{$mybb->settings['bburl']}/member.php?action=profile">Profile</a>
					<a class="dropborder" href="{$mybb->settings['bburl']}/usercp.php">Settings</a>
					<a class="dropborder" href="{$mybb->settings['bburl']}/search.php?action=finduserthreads&uid={$mybb->user['uid']}">My Threads</a>
					<a class="dropborder" href="{$mybb->settings['bburl']}/search.php?action=finduser&uid={$mybb->user['uid']}">My Posts</a></div>
				</div>
			</div>
		<a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}" style="padding: 0;color: #8d8d8d !important;"><div style="background-color: #2f2d2d;padding: 10px;border-radius: 2px;text-align: center;">Logout</div></a>
		</div>
	
	<a href="/private.php" class="conversationnotification"><i class="fa fa-envelope" aria-hidden="true"></i> </a>
	
	
	<a href="/newposts.php" class="conversationnotification"><i class="fa fa-flag" aria-hidden="true"></i> &nbsp;<div style="display:inline">New Posts</div></a>
	<if $showchat then>
	<a href="#" id="mybbchat_mobile" class="conversationnotification" style="white-space: nowrap;"><i class="fa fa-user" aria-hidden="true"></i> &nbsp;Chat</a>
	</if>
	{$modcplink}
	{$admincplink}
</div>



2. Also when i click on Marketplace i am unable to select it.


 [Image: 7dzz1p0.png]

Website: http://Missingx.ga

If im in the wrong section please move it

Found the issue i didnt have  a dropdown-profile.css included in my mybb folder
so issue 1 have been resolved now issue 2 is to be continue.

The .css script that helped me
"<style>
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}
</style>

<div class="dropdown">
  <span>Mouse over me</span>
  <div class="dropdown-content">
    <p>Hello World!</p>
  </div>
</div>"

Problem has been solved for issue 2 i had to remove the second Upgrade tab