navigation

  1. Marks-Man

    Addon [TheJavaSea] Navigation Progress Bar [XF]

    Add scroll progress bar at the top of the page, below sticky navigation. https://thejavasea.com/resources/thejavasea-com-navigation-progress-bar.59/
  2. Marks-Man

    Addons [THEJAVASEA.COM] - Navigation Progress Bar V1.0.1

    Navigation Progress Bar [1.0.1] Show scroll progress bar at the top of the page, below sticky navigation. XenForo Compatibility 2.2.X Desktop View: Mobile View:
  3. Marks-Man

    Addon [XenForo 2.2.X] Custom Sticky Side Navigation Bar Style [XF]

    Add Custom Sticky Navigation Bar Style to your XenForo website by using this simple addon. Individual Custom Templates for each theme style. (Edit Navigation Bar CSS Style Separately for each theme --> OPTIONS ---> Templates Desktop view: Mobile view: Options:
  4. Marks-Man

    Addons [THEJAVASEA.COM] - Custom Sticky Side Navigation Bar Style [XF] v1.0.0

    Add Custom Sticky Navigation Bar Style to your XenForo website by using this simple addon. Individual Custom Templates for each theme style. (Edit Navigation Bar CSS Style Separately for each theme --> OPTIONS ---> Templates Desktop view: Mobile view: Options:
  5. Marks-Man

    Tutorials Add Navigation Icons to custom HTML widgets

    Hi, Some users are asking why key is not being applied and they are unable to set icons. Make sure to add widget template correctly otherwise CSS will not be applied to it. Go to widgets add HTML widget: Check Advanced Mode Extra.less Replace with your key id
  6. Marks-Man

    Tutorials Mobile Layout Navigation Icons !

    .offCanvasMenu--nav .js-offCanvasNavTarget a[data-nav-id='forums']:before { font-family: 'Font Awesome 5 Pro'; font-size: inherit; font-style: normal; font-weight: 400; text-rendering: auto; content: "\f27a"; font-size: 14px; display: inline-block...
  7. Marks-Man

    Tutorials Navigation Icons + Custom Username Styles

    .p-navEl a[data-nav-id="xfrmLatestReviews"]::before{ content:"\f06e" } .p-navEl a[data-nav-id="xfrmYourResources"]::before{ content:"\f120" } .p-navEl a[data-nav-id="xfrmWatched"]::before{ content:"\f2e1" } .p-navEl a[data-nav-id="xfrmSearchResources"]::before{ content:"\f865"...
Top