Joomla Templates Club 406,261 posts

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#188325

I adjusted the size of the logo but when I preview the pages on ipod, the logo is not align, gets push down
I want to adjust the size the logo for ipod/mobile. How can I do this? Please advice. Thank you.

---

Attachments:

1. 

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

#496386

It would be awesome if you can possibly include URL of your site. Right now its difficult to guess the issue and give solution to you. I might be able to help you out then.

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#498181

here is the URL – http://bit.ly/181Jruc

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

#498210

<em>@guap 379673 wrote:</em><blockquote>here is the URL – http://bit.ly/181Jruc</blockquote>

With my solution hope it helps you solve this problem on your site

Open templates/ja_fubix/css/themes/blue/template-responsive.css file

From


.t3-mainnav .navbar .span10 {
float: left;
max-width: 55% !important;
}

Change to


.t3-mainnav .navbar .span10 {
float: left;
max-width: 100% !important;
}


and create custom.css file on this path: templates/ja_fubix/css/

add new script below

@media (max-width: 360px) {
.logo-image a {
background-size: 100% !important;
width: 200px !important;
}
}

Let me know if it helps

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#498327

Thank you .. it helps.

I am trying some spaces between the logo and the image but it doesn’t seem to work. How can add margin at the bottom of the logo. Its so close to the image.

thank you again.

---

Attachments:

1. 

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

#498347

Try to apply my above suggestion

Open templates/ja_fubix/css/themes/blue/template-responsive.css file

Line 1934

from

.t3-mainnav .navbar .span10 {
float: left;
max-width: 55% !important;
}

Change

.t3-mainnav .navbar .span10 {
float: left;
max-width: 100% !important;
}

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

1. guap

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#498421

Thank you … it fixed … 🙂

[Author]

Posts