Joomla Templates Club 406,261 posts

[danieljeigh Friend danieljeighJoin date: August 2009Posts: 7Downloads:0Uploads:2 Thanks: 5]

#143447

I changed the logo size from 171×48 to 171×70, then in template_css.css, I changed the logo’s height from 48px to 70px (see image 1). Then I found the top menu’s height changed to 70px too (please look at the green color area in image 2), the problem is:

How could I adjust the top menu, to make the menu text move down for the balance? also those vertical lines need to be extended to 70px from 48px.

Any master could give me some clue? thanks very much.

---

Attachments:

1. 
2. 

[danieljeigh Friend danieljeighJoin date: August 2009Posts: 7Downloads:0Uploads:2 Thanks: 5]

#314189

I read all the posts in this template category and found 3 persons already asked the same question but never got answered. Looks like a tough question though.

Any other clues I could deal with the white space area when I have to put a logo there with the size of 171 x 70?

Thanks.

[tguarino Friend tguarinoJoin date: February 2009Posts: 8Downloads:0Uploads:0 Thanks: 2]

#327535

Guys,

I am facing the same problem and I appreciate if someone from the Joomlart Staff help us on this. How to change the top menu’s height?

BTW Danieljeigh, have you realized how to do that?

Thanks in advance!
Thiago

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#327567

Dear guys

I give you the solution related with the danieljeigh’s question.
To adjust the hieght of the menu please open the file:
/templates/ja_mageia/ja_menus/ja_cssmenu/ja-sosdmenu.css and try to find codes at line 84:


#ja-cssmenu li a {
margin: 0;
padding: 25px 10px 10px 40px;
line-height: normal;
display: block;
text-decoration: none;
text-transform: uppercase;
color: #556975;
border-right: 1px solid #D0D9DF;
font-weight: bold;
}


You ‘ll adjust number of the padding attribute in this rule. Here is the solution for the danieljeigh’s question


#ja-cssmenu li a {
margin: 0;
padding:47px 10px 10px 40px;
line-height: normal;
display: block;
text-decoration: none;
text-transform: uppercase;
color: #556975;
border-right: 1px solid #D0D9DF;
font-weight: bold;
}


good luck

1 user says Thank You to Saguaros for this useful post

1. tguarino

[tguarino Friend tguarinoJoin date: February 2009Posts: 8Downloads:0Uploads:0 Thanks: 2]

#327603

Terrific tienhc!
Thanks!

[Author]

Posts