Menu Span 100%

Joomla template which allow you to present sport news in amazing and professional way.
GK User
Thu Mar 03, 2011 7:24 am
HI, I want the mainmenu to span across the entire width of the template. (980px). Can somebody please show me how to do this? The template is ICKI Sport
User avatar
Fresh Boarder

Konrad M
Thu Mar 03, 2011 7:28 am
Hi
Can you give us url to your site? :)
User avatar

GK User
Thu Mar 03, 2011 8:07 am
Thank you for your reply.

The website url is http://jetexexhausts.asia/test/
User avatar
Fresh Boarder

Konrad M
Thu Mar 03, 2011 8:55 am
Try add to override.css
Code: Select all
div#horiz-menu li.level1 {
padding:0 25px;
}

and remember to enable it :)
User avatar

GK User
Thu Mar 03, 2011 9:23 am
Where do I find the override.css file?
User avatar
Fresh Boarder

Konrad M
Thu Mar 03, 2011 9:32 am
Sorry for that :)
Find in suckerfish.css this
Code: Select all
div#horiz-menu li.level1 {
height:37px;
line-height:37px;
margin:0;
padding:0 10px 0 0;
}


and replace to this
Code: Select all
div#horiz-menu li.level1 {
height:37px;
line-height:37px;
margin:0;
padding:0 25px;
}
User avatar

GK User
Thu Mar 03, 2011 10:01 am
Thank you for the code.

When I click on the any page other than HOME the CONTACT US button drops to the next line and when you hover over the HOME button while on another page other than HOME the width of the HOME button becomes smaller.

http://jetexexhausts.asia/test/
User avatar
Fresh Boarder

GK User
Thu Mar 03, 2011 10:02 am
Thank you for the code.

When I click on the any page other than HOME the CONTACT US button drops to the next line

and when you hover over the HOME button while on another page other than HOME the width of the HOME button becomes smaller.

http://jetexexhausts.asia/test/
User avatar
Fresh Boarder

GK User
Thu Mar 03, 2011 8:40 pm
in which browser you get this ? i just tested in chrome, ff and ie... not getting the menu in two lines at any point...
User avatar
Platinum Boarder


cron