Joomla Templates Club 406,261 posts

[regin Friend reginJoin date: March 2007Posts: 117Downloads:2Uploads:60 Thanks: 28 Thanked: 1 times in 1 posts]

#189513

Hi

My logo is only showing the top, so I need to make it bigger. However, changing the width+height, makes the menu drop down one line. how do I avoid that?

Regin

---

Attachments:

1. 

[vecdom Friend vecdomJoin date: October 2011Posts: 40Downloads:254Uploads:6 Thanks: 12 Thanked: 11 times in 6 posts]

#501431

I did this and worked in my case….

I added following CSS override in custom.css file inside templates css folder (screenshot attached below)

/* adjust size of the link element to your sizes */
.logo-image h1 a {
height: 60px;
width: 231px;
}

/* set logo container size to your logo width plus padding so navigation doesn't overlap with it */
#t3-header .row .span2 {
width: 240px;
}

/* set navigation container with to auto so it auto adjusts and doesn't force overlap with logo container */
/* align navigation to the left */

#t3-header .row .span10 {
width: auto;
float: left;
}

/* align navigation to the right on all screens large enough to accommodate logo and navigation on the same line */
@media (min-width: 1185px) {
#t3-header .row .span10 {
float: right;
}
}

Screenshot of location of the custom.css:

---

Attachments:

1. 

3 users say Thank You to vecdom for this useful post

1. pb66
2. slart
3. thomascollado

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

#501470

Thanks vecdom for sharing solutions.
@regin: you can post your site url here and switch off Optimize CSS in template manager > general tab, I will help to check for you 🙂

[thomascollado Friend thomascolladoJoin date: November 2010Posts: 40Downloads:63Uploads:2 Thanks: 8]

#504281

Thank you vecdom, that worked.:)

[Author]

Posts