Joomla Templates Club 406,261 posts

[giantJELLYFISH Friend giantJELLYFISHJoin date: November 2014Posts: 26Downloads:75Uploads:2 Thanks: 2]

#1079475

Hi there, looking for a way to sticky headers like JA Magz II?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1079615

Hi,

You will need to customize it a bit by using the Bootstrap Affix plugin, you can try this way:

• Go to file: [root]/templates/ja_focus/tpls/blocks/header.php

• Look for this line of code:

  <div class="ja-topbar clearfix">

• Change it to:

  <div class="ja-topbar clearfix" data-spy="affix" data-offset-top="154">

• Open the file: root/templates/ja_focus/css/custom.css

• Add this custom CSS:

  .ja-topbar.affix {
  background-color: #ffffff;
  top: 0;
  width: inherit;
  z-index: 9999 !important;
  }

This will help to put the topbar menu sticky on top when scrolling the page.

[Author]

Posts