Modifying menu width

Hello,

I just unpublished search module because I need more space for my items menu, but I saw that there must be width limitations. My items menu are in two rows:

Attachment 33953

I have several questions:

1.- How can extend the menu width to use search position and fit all my items?

2.- How can I reduce distance between items menu?

3.- How can I create a position just over the menu in order to put my logo there?. Because I think It’s to big. And in this case, How can I extend the menu width to the left to use logo position and have all items centered?

Thank you in advance ๐Ÿ˜‰

2 answers

lailuluelo 0.00 $tone February 14, 2014
Public

I just modified /tpls/blocks/header.php

Changing this code:

Code:

<div class="ja-mainnav span8">

to

Code:

<div class="ja-mainnav span11">

Also, in template manager I hide the search position in layout.

So result is all items in the same row but, in the second row, because logo is in the first row.

Now, I think if I change this code:

Code:

 <div class="ja-logo span2">

to this

Code:

 <div class="ja-logo span4">

I will have a bigger logo in the first row and all the items I have in the second row.

Have a nice weekend!

#1
Nazario A 0.00 $tone February 17, 2014
Public

QUOTE]1.- How can extend the menu width to use search position and fit all my items?

Have you sorted it out?

2.- How can I reduce distance between items menu?

Please add this code into the file: /templates/ja_brisk/css/custom.css and change value in red:

Code:

.t3-mainnav .navbar .nav > li > a {
     padding: 5px 15px;
}

3.- How can I create a position just over the menu in order to put my logo there?. Because I think It’s to big. And in this case, How can I extend the menu width to the left to use logo position and have all items centered?

Please send me the URL your site so that I can check and help you out.

#2

This question is now closed

Written By

Comments