sticky menu in JA Law firm

delinea

Good morning, I want to know if in this template JA Lawfirm it is possible to make a menu that accompanies the scroll, that is, a sticky menu, thanks

saguaros

delinea
Hi,

You can use the Bootstrap Affix for the main nav, try this tweak:
1. Go to file: root/templates/ja_lawfirm/tpls/blocks/header.php
Look for this line of code:
<header id="t3-header" class="t3-header">
change it to:
<header id="t3-header" class="t3-header" data-spy="affix" data-offset-top="52">
2. Create this 'custom.css' file (if it doesn't exist now): root/templates/ja_lawfirm/css/custom.css
3. Put this custom CSS code:

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

Hope this helps.

Regards

delinea

Wow... excelent.
Beautiful, thank you very much, but it becomes transparent and therefore can not read well, because it does not contrast, is there the possibility of placing a semi-transparent background? like the one with the menu in the original presentation.
you can see it online
Please

pavit

delinea

Hello

You can add to the

.t3-header.affix the background value in this way

.t3-header.affix {
  position: fixed;
  top: 0;
  z-index: 10000;
  width: 100% !important;
	background:#000;
}

Regards

delinea

very good resource thank you very much, finally, can you shrink the height? The background is very big, I would like it to have less height. You can see how it is online. I hope you understand me, I do not speak English well. Again, thank you very much

pavit

delinea

Add

height:100px;

Best regards

delinea

you are a genious
Thank