Top Left Menu Logo Like Facebook, Twitter, Digg, Reddit?

[DRE]

As you can see from my site, I went with the facebook, digg, reddit, twitter, approach. I haven't seen any other Xenforo forums that have taken the same approach yet. Are there any out there that's doing this too and what do you think of the logo being in this position?

 

[0xym0r0n]

I like it

 

[x_Stricken_x]

I don't mind it, though I don't prefer it. Your login/sign up link isn't visible though (iPhone 5, iOS 6, Google Chrome)

 

[DRE]

I don't mind it, though I don't prefer it. Your login/sign up link isn't visible though (iPhone 5, iOS 6, Google Chrome)

Don't need it.

 

[Brandon Sheley]

I don't care for it at all, might as well just remove the logo if you're going to make it that small in my opinion.

 

[Teapot]

I quite like the idea, although I've done it on my (not yet live) site for months now:

I personally did it to save space - the top navigation is much smaller for having the text-based logo as a home tab instead.

 

[DRE]

I quite like the idea, although I've done it on my (not yet live) site for months now:

I personally did it to save space - the top navigation is much smaller for having the text-based logo as a home tab instead

Thanks. I started doing this in March cause I wanted to save space lol @ us coming to the same space-saving conclusion. Huge headers feel like a waste of space when I'm viewing the site from my phone.

 

[DRE]

How did you make your subnavigation menu shorter?

 

[OSS 117]

CSS or splash cold pool water on your computer*.












*DON'T do the latter.

 

[Teapot]

How did you make your subnavigation menu shorter?

It's a bit of a faff as there's a few things you need to change. Basically:

Reduce the line height on .navTabs .navTab.selected .tabLinks a first - keep track of the number you reduced it by. After that, reduce the line height in .navTabs .navTab.selected .tabLinks by the same number, and do the same thing for #navigation .pageContent's height. Lastly, reduce #headerMover #headerProxy's height by the same number to pull the rest of the page up.

I can't remember whether all of these are part of style properties or templates, probably a mixture of both. Your homework is to find them.

 

[OSS 117]

FWIW, if you use the inspector tool in Firefox, you'll find the div names and whatnot faster.

 

[x_Stricken_x]

FWIW, if you use the inspector tool in Firefox, you'll find the div names and whatnot faster.

The same can be done in Chrome by hitting F12, or FN+F12

 

[DRE]

I'm trying to duplicate this with the portal home tab of Xenporta and I can't get it to work. This is driving me nuts!

 

[Teapot]

I'm trying to duplicate this with the portal home tab of Xenporta and I can't get it to work. This is driving me nuts!

Mine's just a modification of the XenPorta tab - my CSS just looks like this:

.navTabs .publicTabs .portal .navLink {

font-family: "MyFont",Helvetica,Arial,serif;
font-size: 24px !important;
font-weight: 200 !important;
padding: 0px 12px;

}

What's not working in yours?

 

[DRE]

I fixed this about two hours ago by editing ewrporta.css.

 

[OSS 117]

The same can be done in Chrome by hitting F12, or FN+F12

Yes, but the Chrome version is quite poor in usability. The only element highlighting Chrome will ever do when hovering over the source in the inspector panel is the body container.

 

[DRE]

I changed my mind. Changing it back to the way it was.

 

[OSS 117]

The issue is in subreddits it's difficult to distinguish what takes you back to the root of the site and what takes you to the root of the subreddit. YouTube's execution is flawless.

 

[x_Stricken_x]

Yes, but the Chrome version is quite poor in usability. The only element highlighting Chrome will ever do when hovering over the source in the inspector panel is the body container.

I was just saying it is possible if someone wanted to do it.