Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#944401

Hi
I am afraid due the design concept of the main-nav , its not possible to make it sticky . Because sticky menu make the category menu also fix that overlap on the content when u scroll .

if you are not using the right side category menu then u can apply the fix given in this thread to make the main nav sticky .

1 user says Thank You to Pankaj Sharma for this useful post

1. leonloi

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#944402

Hi,

Thanks for the help, yes I am not using the category menu so should be ok for me , but is it the same method for other position ? Let say the header bar above the menu.

Thanks.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#944405

Hi
by above position ? If position menu is above , you will not get same view as the style is defined for specific position also you have a large height header in that case .

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#944415

Hi,

What I meant was i want the t3-header and t3-mainnav to be sticky on top , in order to do that I will just need to modify the script to add in the function for the t3-header right ?

And also I had try use the code but it seems like not working.

Thanks.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#944437

Hi
I am there are three different blocks , topbar , header , main nav .
script is used so main nav is fixed and when u scroll it fixed on top , not on same position .
In order you want make all fixed , you need to make custom work in css .
Add these classes in custom.css file

.t3-topbar {
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 99;
}

.t3-header {
    position: fixed;
    width: 100%;
    top: 40px;
    z-index: 99;
    background: #fff;
}

.t3-mainnav {
    position: fixed;
    width: 100%;
    z-index: 99;
    top: 140px;
}

This way you can achieve this .

1 user says Thank You to Pankaj Sharma for this useful post

1. leonloi

[leonloi Friend leonloiJoin date: November 2015Posts: 62Downloads:23Uploads:3 Thanks: 2]

#944704

Hi,

Thanks for the help, it’s working perfectly now.

Thanks.

[Author]

Posts