Joomla Templates Club 406,261 posts

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#193681

Hello friends,

I have a problem with the logo and the menu bar of!

Depending on the logo size, also the height of the menu bar changes!
How can I prevent this?

The logo should be displayed independently on the menu, no matter how big the logo is! (please take a look to the pictures)

Can someone help me there?

Thanks in advance!

Many Regards 🙂

Sakari

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#518257

You can try my workaround below:

+ Extract my attached files
+ Copy files header.php and header-home.php into folder templates/ja_appolio/tpls/blocks
+ Copy file custom.css into folder templates/ja_appolio/css

Remember to backup old files before applying any changes.
Let me know how it goes.

---

Attachments:

1. custom.zip

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#518281

Thanks, Ninja Lead!
But I had other plans!
Look at both pictures please!

Thank you again!
🙂

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#518376

If you wish to show the logo as per screen short, you can follow my tweak below:

1) Remove both php files header.php and header-home.php I customized yesterday and rollback to your old two files header.php and header-home.php.

2) Remove custom.css file

3) Go to Admin site -> Extensions->Templates Manager -> JA_Appolio – Default -> Theme and configure as per my screenshot:

---

Attachments:

1. 

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#518468

ok, did everything!
But it remains the same, no difference!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#518489

<em>@sakari 405932 wrote:</em><blockquote>ok, did everything!
But it remains the same, no difference!</blockquote>

Need to check further on your site. Please send me URL of your site, admin login and FTP account via private message. I will help you out.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#518896

I see the logo on your site is changed, see the screenshot

If you have any further assistance don’t hesitate to contact us

---

Attachments:

1. 

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#518919

I think we understand each other wrong!
Yes, the logo is changed, that’s right!

But the bottom line from the menus, go with the logo also with down!
The menu line should, however, stay on top, no matter how big the logo is!

Maybe I did not express myself properly before!

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#519053

Please try workaround below:

+ Create custom.css file into folder templates/ja_appolio/css path

+ Add css rule to that file:


.logo-img {
position: absolute;
}


Let me know how it goes.

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#519153

Super, yes it works!
I still have one please!
Can I bring the menu line at 85 pixels down?
So it looks beautiful! 🙂

Edit:
And there is a small problem in the iPhone!
The logo is clipped to the menu line!
That is, the iPhone displays the logo does not complete!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#519197

The following workaround would help:

Open templates/ja_appolio/css/custom.css file

Change

.logo-img {
position: absolute;
}

To

@media (min-width: 768px) {
.logo-img {
position: absolute;
}
.t3-mainnav{
height:85px;
}
}

1 user says Thank You to Ninja Lead for this useful post

1. sakari

[sakari Friend sakariJoin date: February 2009Posts: 171Downloads:111Uploads:79 Thanks: 43 Thanked: 15 times in 1 posts]

#519268

Yes, perfect!
Thank you for your help!

[Author]

Posts