[SOLVED] sticky navigation

mhp
Offline Topic Author
Senior Boarder
Posts: 58
Thank you received: 0

Replied by mhp on topic sticky navigation

Posted 7 years 2 months ago #22348

ah ok, take the demo, it is the same effect. the first 200px you scroll, the navigation disappears.
demo.joomlaplates.com/jp_perfect/

by mhp

Please Log in or Create an account to join the conversation.

cg
Offline
Gold Boarder
Posts: 182
Thank you received: 53

Replied by cg on topic sticky navigation

Posted 7 years 2 months ago #22349

Here the Code:

Code:

/** with top-toolbar  */
.toolbar-outer.uk-clearfix {
    position: fixed;
    z-index: 1000;
}

nav.tm-navbar.uk-navbar {
    position: fixed;
    top: 30px;
    width: 100%;
    z-index: 1000;
}

/** Without top-toolbar:*/
.toolbar-outer.uk-clearfix {
    display: none;
}

nav.tm-navbar.uk-navbar {
   position: fixed;
   z-index: 1000;
   top: 0;
}

Last Edit:7 years 2 months ago by cg

Last edit: 7 years 2 months ago by cg.

Please Log in or Create an account to join the conversation.

mhp
Offline Topic Author
Senior Boarder
Posts: 58
Thank you received: 0

Replied by mhp on topic sticky navigation

Posted 7 years 2 months ago #22350

thanks but with that code the navi is overlaying the other modules even without scrolling.

by mhp

Please Log in or Create an account to join the conversation.

cg
Offline
Gold Boarder
Posts: 182
Thank you received: 53

Replied by cg on topic sticky navigation

Posted 7 years 2 months ago #22351

Code:

sprocket-features.layout-slideshow {
    margin-top: 100px;
}

by cg

Please Log in or Create an account to join the conversation.

joomlaplates
Offline
Moderator
Posts: 8867
Thank you received: 1741

Replied by joomlaplates on topic sticky navigation

Posted 7 years 2 months ago #22355

You have to edit the file:
...\templates\jp-perfect\layouts\theme.php
Before:

Attachment Screenshot_5-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24-25-26.jpg not found

After:

Attachment Screenshot_6-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21.jpg not found

Dokumentation:
www.joomlaplates.de/dokumentation.html

by joomlaplates

Attachments:

The following user(s) said Thank You: mhp, cg

Please Log in or Create an account to join the conversation.

mhp
Offline Topic Author
Senior Boarder
Posts: 58
Thank you received: 0

Replied by mhp on topic [SOLVED] sticky navigation

Posted 7 years 1 month ago #22377

Problem solved.

by mhp

Please Log in or Create an account to join the conversation.

[SOLVED] sticky navigation

Replied by mhp on topic sticky navigation

Replied by cg on topic sticky navigation

Replied by mhp on topic sticky navigation

Replied by cg on topic sticky navigation

Replied by joomlaplates on topic sticky navigation

Attachment Screenshot_5-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24-25-26.jpg not found

Attachment Screenshot_6-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21.jpg not found

Attachments:

Replied by mhp on topic [SOLVED] sticky navigation

Installations-Service

JoomlaPlates

Templates

Service

Contact & Legal