Joomla Templates Club 406,261 posts

[shoumikdas Friend shoumikdasJoin date: June 2010Posts: 127Downloads:91Uploads:55 Thanks: 43]

#1065049

This reply has been marked as private.

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

#1065162

Hi
Add below code in custom.css file to move it in the left of logo

.navbar-toggle {
    left: 0px; }

Regards

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

1. shoumikdas

[shoumikdas Friend shoumikdasJoin date: June 2010Posts: 127Downloads:91Uploads:55 Thanks: 43]

#1065196

Hi Pankaj – Many Thanks for your suggestion. It is now working fine. In the mobile version, the menu is getting displayed on the left. I have set the menu module position to "off-canvas". Is that fine?

One more question – Is it possible to freeze the top bar including the logo so that the rest of the webpage can scroll up both in the mobile site as well as in the desktop-version? This will ensure that the logo and menu option is displayed on top at all times.

Please suggest. Many thanks in advance.

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

#1065207

Hi
The menu is fine in mobile.
Add this code in custom.css file to make the header sticky

.t3-header {
    position: fixed!important;
    width:100%

}

Regards

[shoumikdas Friend shoumikdasJoin date: June 2010Posts: 127Downloads:91Uploads:55 Thanks: 43]

#1065212

This reply has been marked as private.

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

#1065216

Hi Pankaj – The mobile site now has the sticky header as expected but in the desktop version, the main menu bar has stretched to the far right making the menu items (Contact us) go beyond the screen. Can you please fix this?

Hi
Remove older code and use this code

.t3-header {
    position: fixed!important;
}

@media(max-width:768px) {.t3-header {

    width:100%}}

Regards

[shoumikdas Friend shoumikdasJoin date: June 2010Posts: 127Downloads:91Uploads:55 Thanks: 43]

#1065258

This reply has been marked as private.

[shoumikdas Friend shoumikdasJoin date: June 2010Posts: 127Downloads:91Uploads:55 Thanks: 43]

#1065282

This reply has been marked as private.

[shoumikdas Friend shoumikdasJoin date: June 2010Posts: 127Downloads:91Uploads:55 Thanks: 43]

#1065291

This reply has been marked as private.

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

#1065385

Noticed an overlap issue on the Testimonials, Stoneand Contact Us Pages. The Banners and Article text have been overlapped by the top bar. Is this happening because of freezing the top bar?

Hi
Since its sticky, it will always stay on the page. you can remove the suggested code and use normal header so it will not cover any content on the scroll.

For further new topic questions kindly open a new thread for each new topic.

Regards

[shoumikdas Friend shoumikdasJoin date: June 2010Posts: 127Downloads:91Uploads:55 Thanks: 43]

#1065417

Thanks Pankaj for the clarification. I will open a new thread for my outstanding issues. Please close this thread.

[Author]

Posts