Joomla Templates Club 406,261 posts

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#196392

Hi there, site: http://baico.dev.dnsnetworks.ca/
How can I make my top menu items only on one line… i don’t mind it if the search is shortened?
Can someone give me a suggestion? PLease and thank you

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#529281

So that I can try to best assist you, please temporarily switch “Development Mode” to “Off” and “Optimize CSS” to “Off” within your Template Manager-General settings.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#529315

@ sebbs,

You want your site as this image?

If so, pls open the file /templates/your_template_name/css/custom.css (if not exists, pls create one) then add this rule:

.col-xs-12.col-md-3.logo.col-sm-6 {
width: auto;
}
.col-xs-12.col-md-6.t3-mainnav.navbar.navbar-default.hidden-sm {
width: auto;
}

Let me know if this helps.

---

Attachments:

1. 

1 user says Thank You to Nazario A for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#529404

You’re a genious! Thanks – all my menu items are one line! That’s great – I even added Contact (as my client requested in the first place)…

I have a couple questions that i thought I would ask since you’re so good at this…
one my page:
http://baico.dev.dnsnetworks.ca/
I think the search bar still needs to be a little shorter…it just looks too busy up there…
Also what about getting less space (2 or 3 pixels on each end) before and after the menu item
(see graphic)
I’m thinking it would make the menu look less wide/long..

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#529734

@ sebbs,

I’m so sorry for my late reply. I just checked your site, it seems you have not applied suggestion in my previous reply.

<blockquote>Also what about getting less space (2 or 3 pixels on each end) before and after the menu item </blockquote>
You can open the file: /templates/your_template_name/css/custom.css and add this rule:

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

You can change value in red as you wish.

[Author]

Posts