Joomla Templates Club 406,261 posts

[norchris Friend norchrisJoin date: December 2010Posts: 146Downloads:7Uploads:21 Thanks: 81 Thanked: 3 times in 1 posts]

#182416

Hi!

1)
I need to widen the logo space. That is, the JA Brisk logo is not very wide – the logo I will use is wider.

I have tried to widen the logo space, but apparently it does not help because of the menu width – the menu covers my logo.

2)
Any way I can adjust the logo downwards with a few pixels?

Thank you for your help! 🙂

Norchris

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#473616

Try this thread and see if it helps you

http://www.joomlart.com/forums/topic/logo-menu-width-question/

[norchris Friend norchrisJoin date: December 2010Posts: 146Downloads:7Uploads:21 Thanks: 81 Thanked: 3 times in 1 posts]

#473617

Thank you!

But, I hope there is an easier solution.

As you can see from the screen dump, I have added a logo. But, even though there is space to the right, the last part of the logo does not show.

So, that is the complete issue – why does the logo not show? In the template.css I have made a 300px space for the logo, but with no result.

Please help!

Norchris

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#473618

Always hard without actually seeing it. I think that the logo sits in a span class and that width is limited to keep the grid for bootstrap.

Have you quickly tried changing line 2590 (on my virgin brisk)

.logo-image {

• overflow: hidden;

}

delete the overflow and see if that works?

1 user says Thank You to swissa for this useful post

1. norchris

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#482521

Hello,
the solution is :

style.less contains :


a {
background-image: url("@{T3LogoImage}");
background-repeat: no-repeat;
width: @T3logoWidth;
height: @T3logoHeight;
}


So you can change @T3logoWidth and the @T3logoHeight in the file variables.less


@T3logoWidth: 80px;
@T3logoHeight: 50px;
@T3LogoImage: "../images/logo.png";

Use Crunch to edit your .less files : http://crunchapp.net/. It is more easy.

2 users say Thank You to dieudonne for this useful post

1. norchris
2. hrblockpr

[iwadeaz Friend iwadeazJoin date: January 2008Posts: 100Downloads:0Uploads:3 Thanks: 18]

#485897

…I tried changing the sizes in “variables.less” (using “crunch”) and in; “template.css” & “styles.css”, and “cleaned T3 cache” but still show the default sizes… did I miss something?? :((

[Author]

Posts