Sticky Header Menu
Topics related to Realistic theme goes here.

TahMiD Borhan

Member Rank
Posts: 41
Joined: Mon Dec 11, 2017 12:37 pm
Display Name: TahMiD Borhan

Sticky Header Menu

linkPost by TahMiD » Mon Dec 11, 2017 8:58 pm

How To Stick Header Nav Menu when Scrolling Page?
User avatar
Asmi Khalil

Site Admin Rank
Posts: 781
Joined: Fri Jun 26, 2015 7:13 am
Display Name: Asmi Khalil
Location: Tunisia

Re: Sticky Header Menu

linkPost by admin » Wed Dec 13, 2017 11:49 pm

Hi again,

To be honest, the theme was designed to have this feature supported but the Material Design Lite framework becomes messy and a new scrollbar will appear when the header is fixed.

But there is a pure CSS solution without using the framework classes (I still prefer to get this done using only the framework classes). Simply add this code to Appearance => Customize => Additional CSS and see the magic happens :D
.site-header {
    position: fixed;
}
#content {
    padding-top: 80px;
}
I think there is a world market for maybe five computers. - IBM chairman Thomas Watson, 1943
User avatar
Asmi Khalil

Site Admin Rank
Posts: 781
Joined: Fri Jun 26, 2015 7:13 am
Display Name: Asmi Khalil
Location: Tunisia

Re: Sticky Header Menu

linkPost by admin » Wed Dec 13, 2017 11:53 pm

admin wrote:Hi again,

To be honest, the theme was designed to have this feature supported but the Material Design Lite framework becomes messy and a new scrollbar will appear when the header is fixed.

But there is a pure CSS solution without using the framework classes (But I still prefer to get this done using only the framework classes). Simply add this code to Appearance => Customize => Additional CSS and see the magic happens :D
.site-header {
    position: fixed;
}
#content {
    padding-top: 80px;
}
I think there is a world market for maybe five computers. - IBM chairman Thomas Watson, 1943
TahMiD Borhan

Member Rank
Posts: 41
Joined: Mon Dec 11, 2017 12:37 pm
Display Name: TahMiD Borhan

Re: Sticky Header Menu

linkPost by TahMiD » Thu Dec 14, 2017 2:37 am

Thank You, Soo Much!! It's Working Like a Magic! :D
User avatar
Asmi Khalil

Site Admin Rank
Posts: 781
Joined: Fri Jun 26, 2015 7:13 am
Display Name: Asmi Khalil
Location: Tunisia

Re: Sticky Header Menu

linkPost by admin » Thu Dec 14, 2017 6:59 pm

Most welcome!
Glad I helped you :D
If you like our theme, please consider leaving your review on https://wordpress.org/support/theme/rea ... /#new-post
Your support is much appreciated!
I think there is a world market for maybe five computers. - IBM chairman Thomas Watson, 1943
TahMiD Borhan

Member Rank
Posts: 41
Joined: Mon Dec 11, 2017 12:37 pm
Display Name: TahMiD Borhan

Re: Sticky Header Menu

linkPost by TahMiD » Fri Dec 15, 2017 2:52 pm

Sure Man!! Why Not? Your Support Is Awesome And I Appreciate That.
I am Gonna Give it 5 Star Rating on WP Org. Only Cuz of The Dedicated Support. and Yes, This is the most simple and clean wp theme.
User avatar
Asmi Khalil

Site Admin Rank
Posts: 781
Joined: Fri Jun 26, 2015 7:13 am
Display Name: Asmi Khalil
Location: Tunisia

Re: Sticky Header Menu

linkPost by admin » Fri Dec 15, 2017 8:08 pm

Thanks so much for the encouraging words :D
And for the valuable review!
I think there is a world market for maybe five computers. - IBM chairman Thomas Watson, 1943

Who is online

Users browsing this forum: No registered users and 1 guest

It is currently Mon Aug 19, 2019 4:29 pm