[cXF] Top Navigation

[cXF] Top Navigation [Paid] 1.9.5

No permission to buy (€25.00)
Hello
I have tested on your demo site.
It seem that the top menu do not sticky!
I tested it with iphone 7 plus.
 

Attachments

  • 98BE6567-8E74-44AB-A3AA-FF2588684332.webp
    98BE6567-8E74-44AB-A3AA-FF2588684332.webp
    54.6 KB · Views: 17
  • 51C479AA-0EE5-4874-B37A-29697AE260A4.webp
    51C479AA-0EE5-4874-B37A-29697AE260A4.webp
    62.3 KB · Views: 17
BassMan updated [cXF] Top Navigation with a new update entry:

1.6.0

  • added style property to change log in or register icon color
  • added style property to change log in link color
  • added style property to change log in link color when hover
  • added style property to change register link color
  • added style property to change register link color when hover
*(if using log in and register buttons in top navigation)

Read the rest of this update entry...
 
It's designed for default style, but maybe it can work for some others too. I know some functions of this add-on works with UI.X 2.
 
Really great addon 5* review from me.

Is there a way to hide a specific top navigation link from usergroup x? Thanks.
 
Aha, I may have done it: Does this seem the best way?

Code:
<xf:if is="{{$xf.visitor.isMemberOf(18)}}">
    <xf:if is="$xf.options.tn_link6_title OR $xf.options.tn_link6_url OR $xf.options.tn_link6_icon">
    <xf:if is="$xf.options.tn_menu6">
        <li>
            <a href="{{ $xf.options.tn_link6_url }}" class="tn-link6 menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true" <xf:if is="$xf.options.tn_link6_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_link6_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> ><xf:if is="$xf.options.tn_link6_icon"><xf:fa icon="{{ $xf.options.tn_link6_icon }}" /></xf:if>{{ $xf.options.tn_link6_title }}</a>
            <div class="menu tn-menu6" data-menu="menu" aria-hidden="true" style="width: {$xf.options.tn_menu6_width}px; max-width: 97%;">
            <div class="menu-content">
            <xf:if is="$xf.options.tn_menu6_menuHeader"><h4 class="menu-header">{{ $xf.options.tn_menu6_menuHeader }}</h4></xf:if>
                <xf:if is="$xf.options.tn_menu6_sublink1_title OR $xf.options.tn_menu6_sublink1_url">
                    <a href="{{ $xf.options.tn_menu6_sublink1_url }}" class="tn-menu6-sublink1 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink1_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink1_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink1_title }}</a>
                </xf:if>
                <xf:if is="$xf.options.tn_menu6_sublink2_title OR $xf.options.tn_menu6_sublink2_url">
                    <a href="{{ $xf.options.tn_menu6_sublink2_url }}" class="tn-menu6-sublink2 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink2_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink2_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink2_title }}</a>
                </xf:if>
                <xf:if is="$xf.options.tn_menu6_sublink3_title OR $xf.options.tn_menu6_sublink3_url">
                    <a href="{{ $xf.options.tn_menu6_sublink3_url }}" class="tn-menu6-sublink3 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink3_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink3_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink3_title }}</a>
                </xf:if>
                <xf:if is="$xf.options.tn_menu6_sublink4_title OR $xf.options.tn_menu6_sublink4_url">
                    <a href="{{ $xf.options.tn_menu6_sublink4_url }}" class="tn-menu6-sublink4 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink4_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink4_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink4_title }}</a>
                </xf:if>
                <xf:if is="$xf.options.tn_menu6_sublink5_title OR $xf.options.tn_menu6_sublink5_url">
                    <a href="{{ $xf.options.tn_menu6_sublink5_url }}" class="tn-menu6-sublink5 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink5_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink5_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink5_title }}</a>
                </xf:if>
                <xf:if is="$xf.options.tn_menu_custom_html_6">
                    <span class="customMenu">
                        <xf:include template="cxf_top_navigation_custom_6" />
                    </span>
                </xf:if>
            </div>
            </div>
        </li>
    <xf:else />
        <li><a href="{{ $xf.options.tn_link6_url }}" class="tn-link6" <xf:if is="$xf.options.tn_link6_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_link6_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> ><xf:if is="$xf.options.tn_link6_icon"><xf:fa icon="{{ $xf.options.tn_link6_icon }}" /></xf:if>{{ $xf.options.tn_link6_title }}</a></li>
    </xf:if>
    </xf:if>
    </xf:if>
    </xf:if>
 
Aha, I may have done it: Does this seem the best way?

Code:
<xf:if is="{{$xf.visitor.isMemberOf(18)}}">
    <xf:if is="$xf.options.tn_link6_title OR $xf.options.tn_link6_url OR $xf.options.tn_link6_icon">
    <xf:if is="$xf.options.tn_menu6">
        <li>
            <a href="{{ $xf.options.tn_link6_url }}" class="tn-link6 menuTrigger" data-xf-click="menu" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true" <xf:if is="$xf.options.tn_link6_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_link6_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> ><xf:if is="$xf.options.tn_link6_icon"><xf:fa icon="{{ $xf.options.tn_link6_icon }}" /></xf:if>{{ $xf.options.tn_link6_title }}</a>
            <div class="menu tn-menu6" data-menu="menu" aria-hidden="true" style="width: {$xf.options.tn_menu6_width}px; max-width: 97%;">
            <div class="menu-content">
            <xf:if is="$xf.options.tn_menu6_menuHeader"><h4 class="menu-header">{{ $xf.options.tn_menu6_menuHeader }}</h4></xf:if>
                <xf:if is="$xf.options.tn_menu6_sublink1_title OR $xf.options.tn_menu6_sublink1_url">
                    <a href="{{ $xf.options.tn_menu6_sublink1_url }}" class="tn-menu6-sublink1 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink1_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink1_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink1_title }}</a>
                </xf:if>
                <xf:if is="$xf.options.tn_menu6_sublink2_title OR $xf.options.tn_menu6_sublink2_url">
                    <a href="{{ $xf.options.tn_menu6_sublink2_url }}" class="tn-menu6-sublink2 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink2_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink2_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink2_title }}</a>
                </xf:if>
                <xf:if is="$xf.options.tn_menu6_sublink3_title OR $xf.options.tn_menu6_sublink3_url">
                    <a href="{{ $xf.options.tn_menu6_sublink3_url }}" class="tn-menu6-sublink3 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink3_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink3_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink3_title }}</a>
                </xf:if>
                <xf:if is="$xf.options.tn_menu6_sublink4_title OR $xf.options.tn_menu6_sublink4_url">
                    <a href="{{ $xf.options.tn_menu6_sublink4_url }}" class="tn-menu6-sublink4 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink4_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink4_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink4_title }}</a>
                </xf:if>
                <xf:if is="$xf.options.tn_menu6_sublink5_title OR $xf.options.tn_menu6_sublink5_url">
                    <a href="{{ $xf.options.tn_menu6_sublink5_url }}" class="tn-menu6-sublink5 menu-linkRow" <xf:if is="$xf.options.tn_menu6_sublink5_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_menu6_sublink5_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> >{{ $xf.options.tn_menu6_sublink5_title }}</a>
                </xf:if>
                <xf:if is="$xf.options.tn_menu_custom_html_6">
                    <span class="customMenu">
                        <xf:include template="cxf_top_navigation_custom_6" />
                    </span>
                </xf:if>
            </div>
            </div>
        </li>
    <xf:else />
        <li><a href="{{ $xf.options.tn_link6_url }}" class="tn-link6" <xf:if is="$xf.options.tn_link6_overlay">data-xf-click="overlay"</xf:if> <xf:if is="$xf.options.tn_link6_newTab">target="_blank" rel="noopener"</xf:if> <xf:if is="$xf.options.tn_link6_nofollow">rel="nofollow"</xf:if> ><xf:if is="$xf.options.tn_link6_icon"><xf:fa icon="{{ $xf.options.tn_link6_icon }}" /></xf:if>{{ $xf.options.tn_link6_title }}</a></li>
    </xf:if>
    </xf:if>
    </xf:if>
    </xf:if>
Yes, currently, this is the easiest way to do this.
 
Top Bottom