Menus Available When Scrolling Down

ejbatu

Hi,

How can you have the Top Navigator and Main Menu available when people scroll down?

Thanks,

saguaros

Hi ejbatu

Perhaps this topic can help: https://www.joomlart.com/forums/d/24087-mega-menu-as-sticky-menu

ejbatu

Hi,

Thanks you that helped for Main Menu. How about Top Navigator?

Thanks,

saguaros

Hi Ej,

The header section also contains the logo and right module so make the top navigator sticky will require some more custom code, could you share the credentials of your site so I can take a look and see if it can be done?

ejbatu

Hi,

I'm working on the site on my laptop first. I don't have a URL at the moment. Here are screenshots:

Page scrooled up to the top
https://prnt.sc/t6nkkm

Page menu after scrooled down:
https://prnt.sc/t6nlei

Thanks,

saguaros

ejbatu

I will try to replicate in my end and get back to you shortly.

ejbatu

Hi,

Have you had a chance to replicate on your end?

Thanks,

saguaros

Hi ejbatu

Sorry for this lateness, let me check and will get back to you.

ejbatu

Hi,

any update?

saguaros

ejbatu

You can follow this tweak:

Go to file: /templates/ja_teline_v/tpls/blocks/topnav.php

Change this line:

<div class="t3-topbar">

to:

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

Next, open the custom.css file and change the custom css that you applied for mainnav before to:

.t3-mainnav.affix {
    width: 100%;
    z-index: 999;
    top: 48px;
}

.t3-topbar.affix {
	width: 100%;
	z-index: 100;
}