Public Forums 71,145 posts

[schlagerparade Friend schlagerparadeJoin date: February 2013Posts: 16Downloads:0Uploads:3 Thanks: 9]

#184719

I was wondering if and how the menu on http://www.voetreflexborn.nl can be centered, ’cause now “home”(and all items next to it) is situated
too much to the left. I’m using T3V3 (version 1.0.1) on Joomla 3
Thanks,

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

#482604

What you can try is adding a padding-left property to the CSS for the main navigation styling, for example . . .

<blockquote>.ja-mainnav {
background-color: #F5F5F5
background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6)
background-repeat: repeat-x;
border-bottom: 1px solid #CCCCCC
border-top: 1px solid #E6E6E6
height: 40px;
padding-left: 150px;
}

</blockquote>

1 user says Thank You to TomC for this useful post

1. schlagerparade

[schlagerparade Friend schlagerparadeJoin date: February 2013Posts: 16Downloads:0Uploads:3 Thanks: 9]

#482656

yeah, thanks for your help but in the navigation.less I only see this

// ——————————————————-
// JA MAIN MENU
// ——————————————————-

.ja-mainnav {
#gradient > .vertical @navbarBackgroundHighlight, @navbarBackground);
border-top: 1px solid @navbarBackground;
border-bottom: 1px solid darken @navbarBackground, 10%);
height: @navbarHeight;
}

.ja-mainnav .navbar {
color: @navbarText;
margin-bottom: 0;
margin-top: 0;
}

.ja-mainnav .navbar-inner {
min-height: @navbarHeight;
padding: 0;
background: transparent;
filter: progid: DXImageTransform.Microsoft.gradient(enabled = false); //remove filter in IE
border: 0;
border-left: 1px solid darken @navbarBackground, 5%);
.border-radius(0);
.box-shadow(none);
}

no mentioning of a margin or padding, then I wouldn’t have to ask. thanks already

[inception Friend inceptionJoin date: January 2013Posts: 12Downloads:0Uploads:0 Thanked: 5 times in 2 posts]

#482662

You can just add the following to /templates/ja_t3v3_blank/css/custom.css:

.ja-mainnav {
padding-left: 150px;
}

1 user says Thank You to inception for this useful post

1. schlagerparade

[schlagerparade Friend schlagerparadeJoin date: February 2013Posts: 16Downloads:0Uploads:3 Thanks: 9]

#482664

I just did but nothing happened

[inception Friend inceptionJoin date: January 2013Posts: 12Downloads:0Uploads:0 Thanked: 5 times in 2 posts]

#482666

You’re right, I was just trying to indicate that custom styling could be added to custom.css. Adding the following to custom.css should actually work for you:

.navbar-inner {
margin-left: 150px;
}

[schlagerparade Friend schlagerparadeJoin date: February 2013Posts: 16Downloads:0Uploads:3 Thanks: 9]

#482669

no luck there either

---

Attachments:

1. 

[inception Friend inceptionJoin date: January 2013Posts: 12Downloads:0Uploads:0 Thanked: 5 times in 2 posts]

#482674

When I check your website, I can’t see the added css in custom.css. Are you sure you edited the right.css file?

1 user says Thank You to inception for this useful post

1. schlagerparade

[schlagerparade Friend schlagerparadeJoin date: February 2013Posts: 16Downloads:0Uploads:3 Thanks: 9]

#482681

that’s weird as you can see in the attachment I am editing it. Now I was editing /voetreflexborn.nl/wwwroot/plugins/system/jat3v3/t3v3base/bootstrap/less/navbar.less and weirdest thing is when I change left (at float) into center in this
.navbar .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
}
nothing happens, but if I change left into right, it places the menu to the right

[inception Friend inceptionJoin date: January 2013Posts: 12Downloads:0Uploads:0 Thanked: 5 times in 2 posts]

#482697

It’s not the .nav element you want to change as this won’t move the first left border of the navigation menu. It’s .navbar-inner you want. Just try to modify the margin-left of that element on the fly from the developer tools of your browser (F12).

I just checked your custom.css again. You made a little error by forgetting the leading dot (navbar-inner instead of .navbar-inner).

2 users say Thank You to inception for this useful post

1. TomC
2. schlagerparade

[schlagerparade Friend schlagerparadeJoin date: February 2013Posts: 16Downloads:0Uploads:3 Thanks: 9]

#482705

finally, thanks!
such a little thing, that dot

[Author]

Posts