Joomla Templates Club 406,261 posts

[genius-m Friend genius-mJoin date: February 2017Posts: 3Downloads:170Uploads:6 Thanked: 1 times in 1 posts]

#1008199

Hello,

I am using JA Rent template and trying to accomplish that top bar, header with logo and navigation menu be "sticky". Problem appears on mobile phone where menu breaks off top when you scroll up or down.

.t3-topbar {
    color: #f3f3f3;
    font-weight: 300;
    background: #000;
    background-image: url(/images/dot-pattern.png);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    z-index: 999;
}

.t3-header{
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
    background: rgba(17,17,25,0.9);
    position: fixed;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100px;
    z-index: 999;
}

Have any suggestion what should I do to resolve this annoying problem? Thanks.

---

Attachments:

1. 
2. 
3. 
4. 

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

#1008343

Hi
Kindly apply the suggestion given Here for Sticky menu.
I checked your site but its using a 3rd party template not Joomlart template.
Please check.

Regards

[Author]

Posts