inherit
171634
0
Jun 22, 2022 9:44:56 GMT -8
PEACH
48
September 2011
kelsie
|
Post by PEACH on Jun 8, 2016 17:32:32 GMT -8
On my site located here, I'm trying to get the messages notification bubble to center around the envelope instead of the messages link in the navigation bar. I am at a loss for how to move the bubble or if it's even possible. I'd like to see if anyone has any ideas on how to achieve this - it is my hope to get rid of the navigation menu all together eventually and have different aspects of the menu in my sidebar.
|
|
inherit
226544
0
Oct 5, 2018 10:29:39 GMT -8
Ulises
4,881
November 2015
umacklin
Ulises Weirdo
|
Post by Ulises on Jun 9, 2016 12:53:38 GMT -8
Hi. In your Forum Wrapper Layout Template go to this line: <a href="/conversations" style="color:#fff;">
<div class="acidp-info10"><div style="margin-top:-3px;"><i class="fa fa-envelope"></i>
</div></div>
</a>
and right before that line copy/paste the following: <div id="navigation-menu" class="ui-helper-clearfix">
<ul role="navigation">
{foreach $[navigation.menu]}
{if $[navigation.menu.href] == "/conversations"}
<li>
<a{if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}>
{if $[navigation.menu.notification.total]}
<div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;">
<div class="tip-number">$[navigation.menu.notification.total]</div>
<span class="tip"></span>
</div>
{/if}
</a>
</li>
{/if}
{/foreach}
</ul>
</div>
and lastly, paste this at the bottom of your style sheet: #navigation-menu{background: #F9F9F9;} Also I would recommend this copy/pasting the HTML for your templates here so they look better/are more readable to yourself and other people: www.dirtymarkup.com/ What that does is space the HTML properly so it isn't a total mess. Let me know if I helped.
|
|
inherit
171634
0
Jun 22, 2022 9:44:56 GMT -8
PEACH
48
September 2011
kelsie
|
Post by PEACH on Jun 10, 2016 9:50:27 GMT -8
That worked perfectly, thank you! And okay, I'll know that for next time! I just wasn't sure how to go about posting ALL that coding for such a small thing. Thanks again!
|
|