Fixed menu

magnytu2

Hello, I have not found how to fix the menu so that it remains visible on the web browser. Thank you so much for your help.

saguaros

HI magnytu2

You can follow this guide for how to create sticky menu in a template built with T3 framework: http://www.t3-framework.org/documentation/menu-system.html#sticky-menu

JA Good uses a special header block, you can use my tweak here:

1 - Go to file: /templates/ja_good/tpls/blocks/header/header_news.php ( I suppose that you're using News style of this template)

2 - Edit the same as above guideline:

<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav" data-spy="affix" data-offset-top="70">

3 - Open this file: /templates/ja_good/css/custom.css (Create this file if it doesn't exist)

and add this custom css code:

.t3-mainnav.affix {
  position: fixed !important;
  top: 0;
  z-index: 999;
}

magnytu2

It's great, it works very well. Could we make sure to keep the "topbar" and "mainmenu" fixed?

saguaros

magnytu2

You mean that you want the topbar sticky also?

You will apply the same way with topbar block, in the file:

/templates/ja_good/tpls/blocks/topbar.php

<div class="t3-topbar clearfix" data-spy="affix" data-offset-top="70">

And you will need to update above css a bit:

.t3-mainnav.affix {
  position: fixed !important;
  top: 40px;
  z-index: 999;
}

.t3-topbar.affix {
  position: fixed !important;
  top: 0;
  z-index: 999;
  width: 100%
}

magnytu2

Hello and thank you very much for your help. It's great, it works very well, but suddenly the top menu remains visible in smartphone mode.

saguaros

magnytu2

Try to edit above code a bit:

@media (min-width: 992px) {
.t3-mainnav.affix {
  position: fixed !important;
  top: 40px;
  z-index: 999;
}

.t3-topbar.affix {
  position: fixed !important;
  top: 0;
  z-index: 999;
  width: 100%
}
}

magnytu2

Sorry, it doesn't work.

saguaros

magnytu2

You can share the admin + ftp account of your site, I will check for you.

magnytu2

Hello, I sent you an email. But maybe you hadn't received it. How can I send you the discreet identifiers please?

saguaros

Hi magnytu2

You can share to this email: sales@joomlart.com and remember to include the URL of this topic in the email.