Joomla Templates Club 406,261 posts

[spelabuda Friend spelabudaJoin date: December 2006Posts: 45Downloads:0Uploads:9 Thanks: 52 Thanked: 1 times in 1 posts]

#208200

Hey,

can please someone advise if i can make logo appear over the menu like in the below screenshot?

thank you!!

---

Attachments:

1. 
2. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#576271

Hi there
Please try this one

.t3-mainnav {
border-left: 0;
border-right: 0;
margin-bottom: 0;
border-radius: 0;
min-height: 0;
padding-left: 100px;
}

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. spelabuda

[spelabuda Friend spelabudaJoin date: December 2006Posts: 45Downloads:0Uploads:9 Thanks: 52 Thanked: 1 times in 1 posts]

#576276

thanks so much for your help, but i need the logo to STICK OUT of the main menu bar.

please see below:

---

Attachments:

1. 
2. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#576279

Hi there
You can’t stick with topbar because it’s located in different div
But you can stick with below div.
Try with this one

.t3-header {
padding-top: 14px;
padding-bottom: 14px;
background: #25282a
color: #ffffff
position: relative;
z-index: 99;
height: 110px;
}

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. spelabuda

[spelabuda Friend spelabudaJoin date: December 2006Posts: 45Downloads:0Uploads:9 Thanks: 52 Thanked: 1 times in 1 posts]

#576284

Hmm, yes this does stick it out, but its not what I’d like to have. I’m sure the client won’t be satisfied with that. How about if i somehow float the logo absolutely? would that break the template?

thanks so much for your quick responses, you rock!! 🙂

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#576285

Hi there
You can use absolute position but i’m sure it’s good idea.
Try with this one

.logo-image.logo-control {
position: absolute;
top: -20px;
/* z-index: 100; */
}
( Change top: xxx as your needed )

and

.t3-topbar {
background-color: #fff
height: 36px;
line-height: 36px;
color: #333
position: relative;
z-index: 99;
}

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. spelabuda

[spelabuda Friend spelabudaJoin date: December 2006Posts: 45Downloads:0Uploads:9 Thanks: 52 Thanked: 1 times in 1 posts]

#576294

thank you soo much!!:):):):)

[Author]

Posts