How to give the logo more space?

robbe126

hello,
the insight template fits quite well for my project, but the place for the logo is too small for my purpose. how can i give more place to the logo on the upper left corner, which files do i have to modify? (the logo needs more place regarding width, the place for the height is ok.)

thanks in advance for any help/tips...

pavit

Hi robbe126

You can create a new file named custom.css in this folder /templates/ja_insight/css/ and add to it

.logo a {
width:yourwidthpx;
}

Regards

robbe126

thanks for the fast info. yes, that works. but now the main-nav is layered above the logo. i would like to have the main-nav beside the logo.

-logo- -home- -our story- -what we do- .........

thanks in advance...

pavit

Hi robbe126

Please share your website url so we can have a look at it - which width you added ?

as you can see below i added 320 px width and it looks good

robbe126

thanks for the fast reply. your screenshot helped me and i found out the following. if i write

.logo  {
width:320px;
}

in the custom.css it works. if i write only

.logo a {
width:320px;
}

it doesn't give the space.

however, now i can continue :-)