We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Joe
  2. General Discussion
  3. Thursday, 23 October 2014
  4.  Subscribe via email
The see the main is floating left, I'm able to change it to right. What about center? I tried margin: 0 auto; with no luck. Thanks!
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Joe,

I am afraid that I don't get your point, what is floating left ? Please help to make it clear.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
I am not sure if i got your point. But if you want to positions it to the center try: margin-left:auto; margin-right:auto;
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry, I'll try to explain it better with the attached screenshot.

This is what I meant about the floating...in bootstrap.css line: 4141

@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}

Also theres also link for the site I'm working on.

Thanks

P.S. Maurice I tried "margin-left:auto; margin-right:auto;" and that didn't work
Attachments (2)
References
  1. http://nybkattorney.com/test/
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Joe

The attached image does not work, maybe there's problem with upload. Could you please upload to somewhere and sen us link ?

Gardner
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Joe,

It looks like you have tried to centre the menu using padding and width, it is working OK but it is not dead centre.

I managed to do this by adding the following code:
(I don;t think you need the code for padding and margins any more)
.t3-mainnav .t3-navbar {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
text-align: center;
width: 100%;

}

.navbar-nav {
// float:left <- REMOVE THIS
display: inline-block;
margin-bottom:-5px;

}

The margin-bottom removes the additional spacing under the menu caused by using inline-block properties. It is well know quirk of of hos CSS handled these blocks, as explained here: http://css-tricks.com/fighting-the-space-between-inline-block-elements/
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for your response Chamira Athauda.

I tried this before your post and this seems to work


.t3-mainnav .t3-navbar {
padding-left: 0;
padding-right: 0;
width: 990px;
margin-left: auto;
margin-right: auto;
}

I think the main thing I learned is that the auto margins or auto padding won't work unless you have a width defined. There is no width needed in the original blank template.

Also I fixed my screenshot image for anyone searching this topic and needing more clarification. I'm not sure why it got corrupted.

A link to the final site and screenshot are below
Attachments (1)
References
  1. http://bankruptcyattorneyli.com/
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry guys for not following the thread. It's great to see it work for you @Joe and thanks you for your solution @Chamira ;)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.