floating menu

Hello i would like make my top menu floating but i would like also the Logo, RSS icon + Login positions to float with the menu.
Thank you

Hi

Can You please explain with a little more details ? Floating to which side? And show me Your site.

Well my bad i had to name it fixed menu. I've checked this solution

Code: Select all

#gkMainMenu {
    background: none repeat scroll 0 0 #FFFFFF;
    position: fixed;
    top: 0;
    width: 1000px;
    z-index: 1000;
}

But i also want the Logo and the top right rss + login icons to be fixed and not only the menu

My Website: http://goo.gl/o8o784

bump

Hi

Please add this code to css:

Code: Select all

#gkPageTop {
    position: fixed;
}

#gkBannerTop {
    padding: 67px 0 18px;
}


I was monitoring this post! i like the idea and i have implemented on our website its working as required!

thank you

Thank you, it's what i was looking for

Hi

Great to hear that. Glad I could help

Hi,

Using template News and have added the code below to my template.css file. I have a solution which seems to work ok on the phone and tablet sizing with the line type menu per your example on the rhs.

However once the site switches to PC mode, the line type menu disappears as normal and the main menu reappears, but with a white background rather than black. Additionally my logo disappears at the left hand end of the menu bar.

Could anyone direct me to where I have made a mistake or what i need to change to get the higher screen size version working as well?

Thanks

Addendum...
Sorry think I got the explanation a little wrong - whilst when resizing on the PC screen (simulating tablet and phone sizes) the smaller sizes for tablet and phone work ok with the menu being visible at the top of the screen at all times.

However when I actually use on the ipad and iphone the menu looks ok, but does not stay on the screen at the top??

Thanks for any help...

Ian

Further - tried doing the same by enabling CSS override and adding two bits of code below in the 'custom CSS code' box - same result...

It's working great for me http://goo.gl/UUaE9x so i think you did omething wrong. Can u tell me when excacly you do or show me link of your website?

[quote="Expired"]It's working great for me http://goo.gl/UUaE9x so i think you did omething wrong. Can u tell me when excacly you do or show me link of your website.

Have tried to PM of link and user id/password for you to my test site (plus correction in second email!) but they are sitting in my outbox - is PM prohibited for some reason?
Appreciate I have probably done something simple and wrong, but cannot find what it is - seems to revolve around the disappearance of the background of the main (top) menu and disappearance of my logo, both only in 'PC' resolution versions only. The ipad and iphone versions are fine?

Sorry to be a pain., and thanks for your valued help.

Ian

I got your inbox and gonna check it soon and give you a feedback

Dear All,

Still struggling with this problem - iphone and ipad fine - PC version looses logo and has white background behind main menu. Can anyone help please? Have opened up my test site here www.trinitymatters.co.uk/DevelopmentTN/

Thanks

Ian

you tried to remove this?

Code: Select all

#gkMainMenu {
background: none repeat scroll 0 0 #FFFFFF;
position: fixed;
top: 0;
width: 1000px;
z-index: 1000;
}

you tried to remove this?

Code: Select all

#gkMainMenu {
background: none repeat scroll 0 0 #FFFFFF;
position: fixed;
top: 0;
width: 1000px;
z-index: 1000;
}

That's got it - brilliant and thanks!
Ian

Hi

Och, looks like the thread got reactivated after I unsubscribed it. Sorry for that. Anyway I'm glad everythig is ok now.