Navigation menu above logo and follow by user

Hello,

does anyone know how to adjust to set menu bar at the top (above the logo)? And when go down - follow the website user.

Please advice

You would adjust the menu position in the template files.  If your template does not include the _header.html and _subheader etc, copy them from the base and then add your changes.

To have the menu stay in place at the top of the page and the other content slide up under it, you would use position:fixed in your css.

 Thanks for reply. How how exactly do I make these changes to the css file?

I make position fixed in my firebug but reduced the size of the menu. Please check

Firebug is a great tool for playing with the CSS without it being live to the site.

You will set the menu to position: fixed.  That locks it to the page.  However, you need to play with the template file as well.  There are keys that determine the position of the "bits" that are placed to the page.

If you can wait on this, I will play around with this on my test site so I can illustrate better.  I am currently working on something else that I have to deal with and don't have much spare time.

Meanwhile, go to the base template and examine the template files to gain an understanding of how Dolphin's template system works.  One thing you can do is to copy the entire base template and rename the folder to tmpl_some-name.  This will give you a template you can play with.

The different template files are the .html and you will see such things as _header.html which is the template for the header.  and _subheader.html

I think there might also be a wiki on Dolphin templates but not sure what it contains.  The template system changed on 7.1 so make sure it is on 7.1.

I will return to this later to help out :-).

That's right. Firebug from all the plugs to change and play with css code is the best.

I've tried different things with it but so far managed to establish only the "fixed". I play css code but still I can not find a way to increase the size of the menu bar (after the change to "fixed" position on the left and on the right is empty - as the screenshot in the previous post)

Of course I can wait. I care about to finally find a solution :)

You're right, I should create an additional template based on my present then I could make changes to the css for example to test. So far all the changes I make now in the folder templates/base - which changed the original CSS code.

Thanks for your advice! If you are able to continue help it would be appreciated! 

I wish I had more time to help you.  You need to look at the html template files as well as css.  When I can, I will create a template based off of the base template to show you.

 Thanks ! I will try to find solution too, but I know that, unfortunately, it is not easy.

As you use a custom menu template you find all the items with FF firebug.

then find your CSS file and make copy. then change the css items one by one.

it pretty simple to do.... :-)

Sending you a PM.  No, I am not.  I just tried to go to the profile and it says "Requested profile is not available"  I was going to offer to help with this problem.

 Thanks for advice :)

I know, I can make simple changes with firebug such as background colors, fonts, appearance and so on. But I don`t know how to make a navigation menu bar to follow the user of my website.

 Sorry, I had hidden profile. Now I have active profile so you can send me PM. Thanks

what is you site url...?

 my site url is www.areavis.com

where can i find the menubar?

i created a profile but see no menu...

I mean specifically the navigation menu bar. Visible to all :)

Please check my screenshot

the screen shot is different to the first one you have shown us!

what is it that you really want...?

what i understand from first post that you wanted the full width of the window.

now i see other setup?? did GG fixed it for you.

i think you can change the element and the position

position to fixed

and element to min-width:1440px; or other of your liking.

 Yes, these are small changes in the appearance of CSS, it does not affect my earlier request for help :)

I`m still really want to check how will looks navigation menu above logo and follow by user/visitor on my website.

Size of the menu navigation bar was the cause of my play with css (on firebug), I did screenshot to show how looks menu bar after that. I was able to follow the menu bar with user, but menu bar was reduced and shifted to the left.

 Thank you ! Almost look good. But in which file I can find "min-width: " ?

 i think in the same css file as div.sys_main_.. in picture below.

could also be general element style so be careful with just changing the min-width!!
what you could do is to create new element style for your menu. that way you don't mess up the rest of your site elements if they look at the same emelent.style!

but Always backup you files before you make any changes. :-)

 Thanks for advice ! I`m still working on this on my custom template and play with css, of course I`m always make a backup files which I change :)