How to move menu below the logo ?

Hello,
How I can move the menu below the logo without disturbing the responsive design?

Could You please post an url to your site?

Cyberek, i am developing in localhost, using J3.2.

Have you been able to post your site online yet, or is it still on localhost?

Hello,
i am posted my site today. I just deleted the field position: fixed in menu.css and working well.

I would suggest to make that change in override.css, as if you will decide someday to update template to newest version, merging all the core files might be a hard work.

whats the code for it ?

Could you paste css rule you have modified (entire block with class/id declaration and properieties/values).

Could you paste css rule you have modified (entire block with class/id declaration and properieties/values).

i dont know what you are talking about ...

i was just asking if you could tell me how to swap " mainmenu " below "logo - topmenu - search "

thanks

You have written that you changed something in menu.css - please post fragment of the code that was changed.

Wasnt me .. I never said that ...Was other user .. Olliveira )

See hes post above

Oh, sorry.
Ok then again - what would you like to change and could you post an url to your site?

Its regatulunit.com

Would like to drop i "mainmenu " below >>> " logo - topmenu - search " posittion

Thanks

Please edit: /templates/gk_rockwall/css/override.css and add at its end:

Code: Select all

body {padding: 0px;}
#gkTop {padding:0 0 86px;}
#gkMenuWrapper {top: 127px;}


Remember to enable "CSS override" in template settings - advanced section.

thank you

I tried this, but the page moves when you scroll? Any way to combat that?

@deesignz could you please be more precise? Page url might help also.

Sorry Cyberek...

I wanted to move the logo above the menu bar, so I found this post and did what you instructed. However, when I scroll down the page, the elements move...

Here is the URL: www.mysistersKEYpers.org

Thanks.

Well, you write "Page moves when you scroll" - it is pretty obvious user experience - scrolling moves the page. Perhaps you are having issue with menu bar which is "sticked" to top of the browser?

What I wanted to accomplish was to put the menu below the logo or the logo above the menu. I have done that.

My issue: Is there a way to keep the menu static? Does it not seem odd to you to have the content move/scroll above the menu???

The issue is with your change - the menu by design was supposed to stick to top of the browser. By forcing it down you sticked it in another position - and that is why you see such behave.
But... it can be fixed... Instead of this code in override.css:

Code: Select all

#gkMenuWrapper {top: 140px;}


use this one:

Code: Select all

#gkMenuWrapper {top: 0px; position: relative;}


Thank you so much for identifying the issue. I used the code you provided and it works like a charm. Thank you again.

Is there anything else I can help you with regarding this topic?

No, this topic is closed. Solution worked! Thank you...

Ok. Feel free to post new forum threads if you have any other questions (not relative to this thread) - it allows us to answer faster.