Joomla Templates Club 406,261 posts

[kempis20 Friend kempis20Join date: April 2012Posts: 23Downloads:0Uploads:5 Thanks: 5 Thanked: 1 times in 1 posts]

#184629

Hello guyz,
i have a lil problem here.the more i add menus on my website,i get to loose space thereby enlarging the menu,so some of the menus drop onto another line.how do i solve this.i attached a pix of wat i mean.
please help as soon as possible

---

Attachments:

1. 

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#482308

Hello,

In order to increase width of mainnav, go to this file: <blockquote>templatesja_merotplsblocksmainnav.php</blockquote>

Find this line:

<div class="span8" data-xtablet="span12">

change to

<div class="span9" data-xtablet="span12">

find this line:

<div class="span4<?php $this->_c('head-search', array('xtablet' => 'hidden'))?>">

change to:

<div class="span3<?php $this->_c('head-search', array('xtablet' => 'hidden'))?>">

And go to this file: <blockquote>templatesja_merocsscustom.css</blockquote>

.ja-mainnav .navbar .nav > li > a {
padding: 10px;
}

Above solution only helps you to increase width of mainnav to make menu go in to one line for limit number item, if you add too much menu item, your menu will break into lines

2 users say Thank You to Luna Garden for this useful post

1. kempis20
2. etchot

[kempis20 Friend kempis20Join date: April 2012Posts: 23Downloads:0Uploads:5 Thanks: 5 Thanked: 1 times in 1 posts]

#482320

If i go to templatesja_merocsscustom.css file,wat changes im i to do there???

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#482467

Hello Kempis,

In file <blockquote> templatesja_merocsscustom.css</blockquote>

Please add these lines below:

<blockquote>.ja-mainnav .navbar .nav > li > a {
padding: 10px;
}</blockquote>

[Author]

Posts