I would like to have a static topbar so that when the user scrolls down the page the topbar remains visible at all times. I would also like the navbar to be visible but only when the user scrolls to the top of the page, i would like this to be directly under the top bar when at the top of the page.

I have tried to implement the following from your forum posts but there is a problem with the width of the topbar and the menu also disappears. The code i tried was

.x-container-fluid.offset {
margin:60px auto 40px;
}

.x-topbar {
position:fixed;
width:100%;
}

any help would be appreciated as this is the last thing i am doing before it goes live,

look forward to your response

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

its http://www.insolvencyprofessionals.com/test

I have removed any attempts to fix the top menu

I look forward to you help

Cheers

Please refer to this post: http://theme.co/x/member/forums/topic/make-topbar-fixed-with-navbar/#post-94848

Hope this helps. 🙂

Thank you.

i have implemented the above but i now have the following issues

1. the slider below the masthead is not correctly visible, its half hidden beheind the navbar
2. how can i make the menu disappear as the user starts to scroll down

see above correct link

sorry again i wrote it in a hurry

and again

Go to Customizer > Custom > CSS and add following:

.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right { position: relative !important; width: 100% !important; }
.x-slider-revolution-container { margin-top: 100px; }

I would recommend targeting the .x-slider-revolution-container more specific once you know where you want to put the slide if its the home page it would look like this:

.home .x-slider-revolution-container { margin-top: 100px; }