Joomla Templates Club 406,261 posts

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#1034472

Thanks Serg16. It is now working 🙂

[serg16 Friend serg16Join date: December 2011Posts: 14Downloads:66Uploads:5 Thanked: 1 times in 1 posts]

#1034476

Hi, christofferl.
I have had problem with custom.css.
You can try to insert this line in the /templates/ja_company/css/template.css.
Only temporarily, just to try!!!!

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#1034477

Hi again, I am not sure what you mean … I have the "floating menu" working fine at the moment.

[serg16 Friend serg16Join date: December 2011Posts: 14Downloads:66Uploads:5 Thanked: 1 times in 1 posts]

#1034478

Hi, christofferl.
Very perfect.

[serg16 Friend serg16Join date: December 2011Posts: 14Downloads:66Uploads:5 Thanked: 1 times in 1 posts]

#1034480

Hi, christofferl.
I meant only that if won’t work with custom.css.
Good luck!

[serg16 Friend serg16Join date: December 2011Posts: 14Downloads:66Uploads:5 Thanked: 1 times in 1 posts]

#1034523

Hi
The problem with the positioning is solved.

.t3-mainnav.affix {
    position: fixed;
    top: 35px;
    left: 0;
    width: 100%;
    z-index: 999;   
}

Thank you very much!

1 user says Thank You to serg16 for this useful post

1. christofferl

[jacquievc Friend jacquievcJoin date: March 2013Posts: 18Downloads:62Uploads:5 Thanks: 3]

#1077582

I would also like my main menu to be sticky at the top when you scroll down.

From this forum topic I created a custom.css file within the template folder (ie: /templates/ja_company) and added the below code .t3-topbar {

position: fixed;
width: 100%;
z-index: 999;
} I also added this code <nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav" data-spy="affix" data-offset-top="150"> to – /tpls/blocks/mainnav.php

all code from the above mentioned forum post.

I have also looked at the header.php file in – /templates/ja_company/tpls/blocks as per the tutorial Configure Megamenu but the header.php file in JA Company does not have the "Main Navigation" code and this tutorial seems to be from 2012.

What have I missed?

This website is under development and will replace main domain once complete.
http://www.techinspect.techinspect.com.au/

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

#1077641

Hi
Open /css/custom.css file in the template folder and add below code

.t3-mainnav.affix {
    position: fixed;
    top: 35px;
    left: 0;
    width: 100%;
    z-index: 999;   
}

save and check.

Regards

[Author]

Posts