Joomla Templates Club 406,261 posts

[infomathmods Friend infomathmodsJoin date: December 2009Posts: 70Downloads:81Uploads:17 Thanks: 16]

#1002416

Hi,
Can you guide me how to reduce the size of the main menu (horizontal) items? I need to have 6 items at least there, but if I have more than 5, this creates a new line, which is definitely not good-looking…
I think I could just reduce the space between the main items (home, programme, apply): can you tell me which line in the css should I edit?

Thanks!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#1002417

Hello

Best solution in your case is to enlarge the block width for lg screens that actually has 9 as grid width and 3 for the contact-us module space changing to 10 and 2

To do this go to this file /templates/ja_platon/tpls/blocks/mainnav.php and find this code

<div class="t3-navbar navbar-collapse collapse <?php if ($headright) echo 'col-xs-2 col-lg-9' ?>"> 

change it to :

<div class="t3-navbar navbar-collapse collapse <?php if ($headright) echo 'col-xs-2 col-lg-10' ?>">

then find

<div class="col-xs-8 col-md-6 col-lg-3 pull-right">

and change to :

<div class="col-xs-8 col-md-6 col-lg-2 pull-right">

This will enlarge mainnav block width to allow more menu items in a single row
Regards

1 user says Thank You to pavit for this useful post

1. infomathmods

[infomathmods Friend infomathmodsJoin date: December 2009Posts: 70Downloads:81Uploads:17 Thanks: 16]

#1002428

Thank you so much, it worked like a charm!

[Author]

Posts