Logo and main menu

Hi supporters,
I know that is a very common topic in the forum. I tried to follow many topics but cannot do it myself. Can anyone come to my administrator page to help me more on this?
1. As my logo is too long, when I scroll down, it will cover the main menu. When I shorten the logo, it will be much lower too and looks ugly.

logo2.jpg

2. Moreover, the menu is too long, so when scrolling, it will move in and cover space for social icons.

logo1.jpg

For that reason, I really want to move the logo out when scrolling, and the main menu does not move in. By doing that, when scrolling, there will be only main menu and social icons sticking at their original place at the top of the page.

ideal menu.jpg

Please come to http://photowording.com to see.
Thank you and regards,
Hai

Please add this code to override.css:

Code: Select all

#gkFixedMenu #gkLogoSmall {display: none;}
#gkFixedMenu .gkMenu > ul > li > a {padding: 0 20px;}


Thank you very much Cyberek,

It works perfectly.

By the way, can you tell me how to change left and right padding of menu item in the main menu. I want to narrow the padding so all menu items will stay in one line when users zoom in.

Yours sincerely,

Hai

Zoom in or scroll down?

I meant zoom in but I can do it myself already by changing padding in menu.css.

Thank you.

Hai

So I guess all issues have been addressed?

Yes it is done.

If you have any additional questions regarding this topic, please let me know.