[cXF] Top Navigation

Pack C [cXF] Top Navigation 1.6.3

No permission to download

Currently reading:
Pack C [cXF] Top Navigation

kelle67

cXF Pack C
Oct 1, 2018
10
5
Hi @kelle67,

thank you, I'm glad you like it. Latest version is for XF 2.1 only, so hope you use this version of XF.

Currently it is possible to add only 5 sublinks, but you can add more via custom menu if you know any HTML. Soon I'll publish a guide for our customers how to use the custom menu with HTML.
Thanks for the excellent support.
Yes, we are currently testing this in XF 2.1.
HTML is not a problem. But I will wait for your guide.

Happy Christmas.
 

kelle67

cXF Pack C
Oct 1, 2018
10
5
Hi @kelle67,

thank you, I'm glad you like it. Latest version is for XF 2.1 only, so hope you use this version of XF.

Currently it is possible to add only 5 sublinks, but you can add more via custom menu if you know any HTML. Soon I'll publish a guide for our customers how to use the custom menu with HTML.
Okay i find it, it's really easy to do.

How it's possible to show sticky on mobile phones?

i try this

Code:
/* Mobile */
@media (max-width: @xf-responsiveMedium) {
    .topNavSticky {
        //display: none;
    }
and this

Code:
/* Mobile */
@media (max-width: @xf-responsiveMedium) {
    .topNav {
        //display: none;
    }
}
I can see top navigation but it's not sticky.
 

BassMan

Staff member
Administrator
May 18, 2015
1,135
702
www.customizexf.com

CoZmicShReddeR

cXF PREMIUM
Jun 27, 2015
6
3
@BassMan How can I set this to not go out from the side of the 1300px fixed style

It's ThemeHouse Tactical

cut off where I maked off in red.
1655

Thanks, really like your addons! ;)
 

BassMan

Staff member
Administrator
May 18, 2015
1,135
702
www.customizexf.com
@BassMan How can I set this to not go out from the side of the 1300px fixed style

It's ThemeHouse Tactical

cut off where I maked off in red.
View attachment 1655

Thanks, really like your addons! ;)
I've added new style property. Check and you'll find Top inner styling.

Remove background from General styling and add background color to Top inner styling. It should work for you.
 

CoZmicShReddeR

cXF PREMIUM
Jun 27, 2015
6
3
I've added new style property. Check and you'll find Top inner styling.

Remove background from General styling and add background color to Top inner styling. It should work for you.
Took a second to figure what you said out but working beautifully! Thanks!
1657


Now I only wished I had asked when you released it! :p
 

BassMan

Staff member
Administrator
May 18, 2015
1,135
702
www.customizexf.com
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...
 

frmy

cXF PREMIUM
Dec 28, 2018
4
1
I really like this top navigation, but I only want to use it on @media (to fit smaller screens ~400px in width on mobile to set social links more prominent as they disappear from the desktop version.

Is there a way to only display the top navigation on mobile only?

Thanks
 

BassMan

Staff member
Administrator
May 18, 2015
1,135
702
www.customizexf.com
Is there a way to only display the top navigation on mobile only?
In that case use add this to your extra.less template:
Less:
@media (min-width: @xf-responsiveNarrow) {
    .topNav {
        display: none;
    }
}
Make sure you have top navigation on mobile enabled in style properties.
 

frmy

cXF PREMIUM
Dec 28, 2018
4
1
In that case use add this to your extra.less template:
Less:
@media (min-width: @xf-responsiveNarrow) {
    .topNav {
        display: none;
    }
}
Make sure you have top navigation on mobile enabled in style properties.
Wouldn't that hide the navigation on mobile while displaying it to wider screens? I'd like the top navigation to only apply to mobile and not destkop. I'm not well versed in CSS so I might be interpreting this wrong.

Basically, I just want to add [Facebook] [Instagram] [Twitter] in the top menu on mobile only and then not display it on PC/larger screens.
 

BassMan

Staff member
Administrator
May 18, 2015
1,135
702
www.customizexf.com
Yes, with that code you'll show top navigation only on small screens (I've updated above code for your needs to narrow), like you have settings in Style properties -> Page setup -> Responsive.

Add it to your template and try yourself.
 

frmy

cXF PREMIUM
Dec 28, 2018
4
1
Yes, with that code you'll show top navigation only on small screens (I've updated above code for your needs to narrow), like you have settings in Style properties -> Page setup -> Responsive.

Add it to your template and try yourself.
Thanks. I'll try to see if I can get it to work for my purpose and come back for assistance if it's not going as planned. :)
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Top