Joomla Templates Club 406,261 posts

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#970876

Hi,

When I scroll down the page,the main menu keeping a top margin from the page top.Can you help to check how to fix the main menu always on top of page when the page scrolling down?

Demo page: http://ja-elicyon.demo.joomlart.com/index.php/en/blog

Thanks

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#971299

Hi

You can add this css rule into custom.css file on your site: ROOT/templates/ja_default_template/css/custom.css

.t3-header.affix {
  top: 1px;
}

Hope this helps.

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#971302

Your css rule has been added but no luck.Any idea?

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#971308

You can send me the FTP account of your site, I will check for you.

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#971310

Please send me your true IP so I can add this into our firewall.

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#971312

This reply has been marked as private.

[hoknight Friend hoknightJoin date: July 2009Posts: 400Downloads:128Uploads:225 Thanks: 110 Thanked: 4 times in 4 posts]

#971540

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#971542

I updated above rule into ‘custom.css’ file on your site and the header is sticky now.

1 user says Thank You to Saguaros for this useful post

1. hoknight

[thomasfmg Friend thomasfmgJoin date: September 2016Posts: 5Downloads:11Uploads:4 Thanks: 2]

#975853

hi, i experience the same problem,

try to mod the custom.css as the instruction

but the top menu always have a little gap inbetween.

can you help ?

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#975860

You can provide the login info of your site: URL, Admin & FTP account in Private Reply, I will help you to check this.

[thomasfmg Friend thomasfmgJoin date: September 2016Posts: 5Downloads:11Uploads:4 Thanks: 2]

#975883

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#975914

It’s a bit different in this case, I’ve edited the custom.css file with:

.has-slideshow .t3-header {
    padding-top: 0;
}

And it’s working fine now.

1 user says Thank You to Saguaros for this useful post

1. thomasfmg

[Author]

Posts