Public Forums 71,145 posts

[midhat Friend midhatJoin date: January 2010Posts: 161Downloads:101Uploads:21 Thanks: 43 Thanked: 12 times in 1 posts]

#196282

How can I add logo in fixed menu like here: http://t3-framework.org/

Thanks,
Midhat

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

#528608

Can you, perhaps, throw together a screenshot mock-up of what it is you are wanting to accomplish?

[midhat Friend midhatJoin date: January 2010Posts: 161Downloads:101Uploads:21 Thanks: 43 Thanked: 12 times in 1 posts]

#528614

I want header same like on this site: http://t3-framework.org/
Fixed (sticky) menu with logo on left and login & register on right

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

#528615

<em>@midhat 418809 wrote:</em><blockquote>I want header same like on this site: http://t3-framework.org/
Fixed (sticky) menu with logo on left and login & register on right</blockquote>

What does YOUR current work-in-progress site look like?

It would be helpful if you could provide the url of the site you’re working on.
Also, what does your logo look like?

[midhat Friend midhatJoin date: January 2010Posts: 161Downloads:101Uploads:21 Thanks: 43 Thanked: 12 times in 1 posts]

#528616

http://emreza.net/test/

I started to make this site. I made a fixed menu. But now I need to set the logo on the left and the modules on the right side of the menu

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

#528617

This is the CSS for the logo placement in the demo:


.t3-mainnav .navbar .nav > .nav-home > a {
background-color: #0067A2
background-image: url("/templates/t3_blank/images/logo.png");
background-position: center top;
background-repeat: no-repeat;
box-shadow: none;
padding-left: 15px;
padding-right: 15px;
text-indent: -1000em;
width: 60px;
}

What you can do is create a “custom.css” file – within your main CSS directory – enter the above CSS rule and play around with the properties until you arrive at the result you’re most happy with. It’s largely an effort in trial-and-error.

[Author]

Posts