I am using the Lifestyle template and the Megamenu menu.. If I stay with the megamenu system for my menu, I have to take out some of the padding in the tabs so that all of my tabs will fit in the menu... I have tried to change what css files that I have access to but it did not work. I found the Mega menu tool box... but have fiddled around and if the answer is there it is not well documented or obvious. I gone to the template manager and found the options under the theme tab which let me change color font size etc but not padding.

Also are there any other menu systems that I could incorporate into this site which are more intuitive and versatile..

The site is on my local computer so that I will attach a screen shot to the forum topic. Any help would be greatly appreciated.
Thank you so very much,
Elizabeth

Can you provide a link?

It will be a custom css change

Cheers
Paul

how do I access that file?

thank you for the reply!

Elizabeth

Check out this thread

www.joomlabamboo.com/index.php?option=com_kunena&view=topic&catid=661&id=110521&Itemid=215

css code you add is either entirely new css code or css that overrides existing template css

Cheers
Paul

I REALLY WOULD LIKE ANOTHER MENU SYSTEM

Hello, changing the custom.css is just too complicated for me.. I am opting now to put in a new menu system, so I uploaded Mod_ariest_ menu system and tried to turn off the other menu in the module manager.. but the old menu still shows on the home page..

How do I get rid of the old menu and put in a new menu that does not use as much space so that I can fit in all of my tabs.

Thank you!
Tearing my hair out,
Elizabeth

Here is the attachment
thanks
Tearing my hair out,
Elizabeth

If you can switch back to the old menu

try adding this

#navwrapper #nav ul.menu li ul {width: 240px;}

to the custom.css file (following the renaming process of the file as mentioned in the link I suggested)

sorry that's wrong

In the custom.css file add

#navwrap ul.nav > li > a, #navwrap ul.nav > li > .separator, #navwrap ul.nav > li .nav-header {padding: 2px 20px !important;}

the 20px controls left and right padding of the link, separator or nav header used

so reduce that value and see if it adjusts enough

Cheers
Paul

thanks so much,

Elizabeth

No problem

Glad we got there

Cheers
Paul