Joomla Templates Club 406,261 posts

[jannos93 Friend jannos93Join date: November 2012Posts: 6Downloads:0Uploads:0 Thanks: 3]

#184092

Hi,
I would like to decrease the gap (in Ja Brisk) that appears in the top main menu between the menus and the language selector and I have NO idea where to go and make changes. My URL is http://www.organic-wine.gr

Thank you!

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

#480422

Hello Jannos,

In order to reduce the space between the menus and the language selector, go to this file: <blockquote>templates/ja_brisk/css/custom.css</blockquote>

Add these lines:
<blockquote>.ja-mainnav {
margin-right: 0px;
}
.ja-mainnav {
margin-right: 0px;
}
.head-search {
float: left;
padding: 5px 0 0;
}
.span2 {
margin-left: 0;
}
</blockquote>

Hope this helps.

[jannos93 Friend jannos93Join date: November 2012Posts: 6Downloads:0Uploads:0 Thanks: 3]

#480948

Yes thank you! The Gap was reduced, but even though I played around a bit with the code I couldn’t manage to make the menu and language float right. Any suggestions?

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

#480967

Hello,

In order to make the menu and language float right, go to

<blockquote>templates/ja_brisk/css/custom.css </blockquote>

Add these lines:

#ja-header .row {
margin-left: 142px;
}

#ja-header .span2 {
width: 62px;
}

Hope this helps

1 user says Thank You to Luna Garden for this useful post

1. jannos93

[jannos93 Friend jannos93Join date: November 2012Posts: 6Downloads:0Uploads:0 Thanks: 3]

#481328

Yes worked perfectly thanks!!

[jsadik Friend jsadikJoin date: October 2008Posts: 50Downloads:4Uploads:6 Thanks: 10 Thanked: 2 times in 1 posts]

#487266

How did you make the height of the menu narrower?

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

#487285

<em>@jsadik 365479 wrote:</em><blockquote>How did you make the height of the menu narrower?</blockquote>

In order to change the height of the menu narrower, please go to this file:

Add these lines:

.navbar .caret {
border-top: 4px solid #000000
}

Change the border width (4px) value to the value you want.

1 user says Thank You to Luna Garden for this useful post

1. jsadik

[jsadik Friend jsadikJoin date: October 2008Posts: 50Downloads:4Uploads:6 Thanks: 10 Thanked: 2 times in 1 posts]

#487389

I’m sorry, which file does that need to be added to?

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

#487646

Sorry, I’m forget to add the link file.
Please add to this file:
templates/ja_brisk/css/custom.css

These lines:

.navbar .caret {
border-top: 4px solid #000000
}

[jsadik Friend jsadikJoin date: October 2008Posts: 50Downloads:4Uploads:6 Thanks: 10 Thanked: 2 times in 1 posts]

#488174

I added the code to custom.css and nothing changed. Any thoughts?

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

#488217

<em>@jsadik 366654 wrote:</em><blockquote>I added the code to custom.css and nothing changed. Any thoughts?</blockquote>

Did you change value of width border ?
For example:

.navbar .caret {
border-top: 4px solid #000000
}
change to:

.navbar .caret {
border-top: 6px solid #000000
}

or higher.

[jsadik Friend jsadikJoin date: October 2008Posts: 50Downloads:4Uploads:6 Thanks: 10 Thanked: 2 times in 1 posts]

#488313

Still no change. Just in case I wasn’t clear in what I wanted, I attached an image. I want to make the gray band at the top, which contains the logo, main menu and search box, narrower, in the direction of the red arrow. I’m not sure how wide it is now, maybe ~100px, but I want to make it 50px. Continued thanks for your help!

---

Attachments:

1. 

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

#488521

Hi,

Thanks for the capture.

So, if you want to change the height of the header, go to file:
templates/ja_brisk/css/custom.css
Add these lines:

.ja-header {
padding-bottom: 20px;
padding-top: 20px;
}

Reduce value of padding-bottom. and padding-top to the value you want.

1 user says Thank You to Luna Garden for this useful post

1. jsadik

[jsadik Friend jsadikJoin date: October 2008Posts: 50Downloads:4Uploads:6 Thanks: 10 Thanked: 2 times in 1 posts]

#488705

That’s it…thank you!

[lafra002 Friend lafra002Join date: March 2008Posts: 30Downloads:2Uploads:5 Thanks: 14]

#513998

I have the same problem with this template (URL: http://85.17.242.81/~wagner/) and I can’t get it to float right. I have disabled the search box and language selector and I added your code to the custom.css. Still, there seem to be some space in the upper right, that does not want to get any smaller..

Any ideas? Thanks in advance!

[Author]

Posts