Top Menu

[Maton72]

When I have added a few extra top menu links, the single line top menu then expands and becomes a second line. When the second line occurs, the menu then floats on top when you scroll down the page BUT only the second line floats. Can I:
1) Make the first line wider to fit the page links? OR
2) Make it so that the menu does not float when scrolling? OR

Thanks again for your help
Maton72

[Mohammad – SUPPORT]

Hi,
Please always provide website URL so i can check and resolve the issue easily.
Thanks 🙂
With Best Regards
Swift Ideas

[Maton72]

Hi Mohammad,

I have attached two screen shots as I am making the page locally on my computer prior to making it live.

Hope that helps
Thanks
Maton72

[Maton72]

The first picture is the home page showing the space in header after ‘Kits’ with the next tabs going onto a second line. The second picture shows how the header floats the second line as you scroll down the page.

Thanks

[Mohammad – SUPPORT]

Hi,
Please go to Admin -> Theme Options -> Custom CSS => Here put this code and update options
1- ul#menu-main-menu.menu li a{margin:0px 2px !important;font-size:12px !important;}

2- Please go to Admin -> Theme Options -> Header Options -> Here you can disable Mini Header .

Thanks 🙂
With Best Regards
Swift Ideas

[Maton72]

Hi Mohammad,
Thanks for your quick response. The mini header worked, but the code made no difference to size / position of words in header. Still two lines.

Thanks
Maton72

[Mohammad – SUPPORT]

Hi,
Please try out this and let me know .
nav .menu li > a{margin:0px 2px;font-size:11px;}

Thanks 🙂
With Best Regards
Swift Ideas

[Maton72]

Hi Mohammad,

Thanks it worked. I did change font size to make it spaced out a bit more.

Thanks again for your great help.
Have a great day 🙂
Maton72

[Mohammad – SUPPORT]

Hi,
You most welcome . I’m glad that issue resolved .
Thanks 🙂
With Best Regards
Swift Ideas