fixed Header on every page

Travelify
1

Hello, I would like to fix the position of header on my page when I scroll the mouse wheel.
I tried to use the code in Travelify Other Options
#branding{
position:fixed
}

The result is Header Move to wrong place elsewhere.

What can I do

2

Hi @lucas,

I hope you are well today and thank you for your question.

Could you please tell me specifically what you are referring as header and share me your site URL so that i can help you?

You can try using the following plugin to achieve it.

Best Regards,
Movin

3

Dear Movin,

thanks for your help.

I want to block my Header frame, which id is “branding” in Travelify, when I scrolling my page.(including Logo, menu, and frame.)

thanks,the plugin provides the function, But I want to block more.(whole Header, not just menu)
BTW, I tried the plugin, there shows a navigation on menu, may I remoive it?

4

Hi @lucas,

You can try achieving this developing the custom code as described on the following page.

http://www.sutanaryan.com/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/

Could you please share me your site URL so that i can help you to achieve it?

Regards,
Movin

5

Dear Movin,

here’s my web.
http://first-webdemox.rhcloud.com/

6

Hi @lucas,

Thank you for sharing your site URL.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Travelify Other Options

#main {
    padding-top: 203px;
}
#branding {
    position: fixed;
    top: 6px;
    z-index: 9999;
    width: 80%;
    max-width: 1028px;
    background: #fff;
    margin: 0;
}

Best Regards,
Movin

7

Dear Movin,
thank you so much!
I found it takes too many place when web on mobile mode.
Could I modify it like this web? only menu on top.
http://ccdrcurridabat.com/tours/

8

Hi @lucas,

You can try achieving that effect by removing the shared CSS code and using the attached small plugin specially developed for you.

Best Regards,
Movin

9

yes, it resolve my problem.

thanks you again Movin

10

You are always welcome here :slight_smile: