Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Spectral theme - menus dont work on mobile
#1
I have been using the spectral theme by DVZ for a couple days now, but have been experiencing an issue with one part of it since I received it. I am experiencing an issue where when I would be clicking the 3 dot icon in the sticky bar to change from light > dark or dark > light will not popup. When clicked, it will act as if it was clicked (change color/opacity), but nothing will open.

header_welcomeblock_member:
<div class="left content">
<div class="dropmenu main-menu">
<a href="#" onclick="return false" class="opener action-link"><i class="fa fa-fw fa-ellipsis-v"></i></a>
<div class="body">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-fw fa-search"></i> {$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist"><i class="fa fa-fw fa-users"></i> {$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar"><i class="fa fa-fw fa-calendar-alt
"></i> {$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=syndication"><i class="fa fa-fw fa-rss"></i> {$lang->bottomlinks_syndication}</a></li>
<li><a href="<archive_url>"><i class="fa fa-fw fa-print"></i> {$lang->bottomlinks_litemode}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help"><i class="fa fa-fw fa-question"></i> {$lang->toplinks_help}</a></li>
</ul>

<div class="scheme-switcher">
<i class="scheme-switcher__symbol scheme-switcher__symbol--dark"></i>
<i class="scheme-switcher__status scheme-switcher__status--on"></i>
<i class="scheme-switcher__symbol scheme-switcher__symbol--light"></i>
</div>
</div>
</div>
<div class="dropmenu content-mode content-tools empty" data-warp-target="content-tools">
<a href="#" onclick="return false" class="opener action-link"><i class="fa fa-fw fa-cog"></i></a>
<div class="body"></div>
</div>
<div class="dropmenu content-mode sort empty" data-warp-target="sort">
<a href="#" onclick="return false" class="opener action-link"><i class="fa fa-fw fa-sort"></i></a>
<div class="body"></div>
</div> {$searchlink}
<div class="dropmenu search">
<a href="#" onclick="searchF();  return false;" class="action-link"><i class="fa fa-fw fa-search"></i></a>

</div>
        <div class="dropmenu">
<div data-warp-target="search">
<form action="{$mybb->settings['bburl']}/search.php" method="post" id="form_search">
<input name="keywords" type="search" class="textbox" placeholder="  Quick Search..." />
<input type="hidden" name="action" value="do_search" />
</form>
</div>

</div>

          
</div>

<div class="right user buttons">

  <a class=" action-link" style="width: auto;" href="/search.php?action=getnew"><i class="fas fa-fw fa-flag"></i> View New Posts</a>
{$myalerts_headericon}{$modcplink}{$admincplink}
{$pmslink}

<div class="dropmenu">
<a href="javascript:void(0)" onclick="return false" class="opener action-link tooltip-w" title="" style="font-size: 14px;">{$mybb->user['username']}
<div class="avatar" data-src="{$mybb->user['avatar']}"><div class="avatarbox"><div style="background-image:url({$mybb->user['avatar']}); border-radius: 20px;"></div></div></div> <i class="fa fa-fw fa-ellipsis-v"></i></a>
<ul class="body">
{$usercplink}
<li><a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}">{$lang->postbit_button_profile}</a>
<li><a href="{$mybb->settings['bburl']}/search.php?action=finduserthreads&uid={$mybb->user['uid']}"> My Threads</a>
<li><a href="{$mybb->settings['bburl']}/search.php?action=finduser&uid={$mybb->user['uid']}"> My Posts</a>
{$buddylink}
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}" class="logout"> {$lang->welcome_logout}</a>
</ul>
</div>
</div>
Reply
#2
Was the theme renamed? If so, you can try the default Spectral or, if a custom name is necessary, change it in jscripts/spectral_theme.js:329 and as the inc/plugins/dvz_theme_options/themes/spectral.json filename (lowercase in both instances; plugin reactivation needed).
devilshakerz.com/pgp (DF3A 34D9 A627 42E5 BC6A 6750 1F2F B8AA 28FF E1BC) ▪ keybase.io/devilshakerz
Reply
#3
(09-18-2019, 01:54 PM)Devilshakerz Wrote: Was the theme renamed? If so, you can try the default Spectral or, if a custom name is necessary, change it in jscripts/spectral_theme.js:329 and as the inc/plugins/dvz_theme_options/themes/spectral.json filename (lowercase in both instances; plugin reactivation needed).

Yes I have done that already, deactivated and activated multiple times as well
Reply
#4
Does that happen on the demo board? If not, can you provide a test account on the forum where the theme is installed?
Does it appear broken on other browsers too?
devilshakerz.com/pgp (DF3A 34D9 A627 42E5 BC6A 6750 1F2F B8AA 28FF E1BC) ▪ keybase.io/devilshakerz
Reply
#5
(09-18-2019, 02:20 PM)Devilshakerz Wrote: Does that happen on the demo board? If not, can you provide a test account on the forum where the theme is installed?
Does it appear broken on other browsers too?

Seems as if on the demo board there are no problems with it. I will PM you with a test account
Reply
#6
Looks like a Safari issue, if that's what you use for browsing. See if adding the following to jscripts/spectral_theme.js at line 327 helps:
    // Safari :focus fix
    $('.dropmenu .opener').attr('tabindex', '0');
(original content with this modification: https://devilshakerz.com/mybb6122/jscrip...eme.js?v=1)

The CDN/browser caches may need purging after this.
devilshakerz.com/pgp (DF3A 34D9 A627 42E5 BC6A 6750 1F2F B8AA 28FF E1BC) ▪ keybase.io/devilshakerz
Reply
#7
(09-18-2019, 02:40 PM)Devilshakerz Wrote: Looks like a Safari issue, if that's what you use for browsing. See if adding the following to jscripts/spectral_theme.js at line 327 helps:
    // Safari :focus fix
    $('.dropmenu .opener').attr('tabindex', '0');
(original content with this modification: https://devilshakerz.com/mybb6122/jscrip...eme.js?v=1)

The CDN/browser caches may need purging after this.

Works now! Thanks
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)