101 comments found

wood1tz Purchased

I need to makethe logo bigger for my site – at the moment i can see it’s within the div fro the menu, which gives it a large top margin. I would like it to fill that space. I’ve tried to make it bigger and move it up with a negative margin, but then it’s ll wrong in tiny device mode. what are the options? site is wildthingsafaris.com

thanks in advance

funcoders

Hi, you need to do follow:

Ex. default height 60px ( -15px to vertical center), mobile/scroll height 45px (-8px to vertical center)

1. Open your style.css file and change code (from line 184 to 187):
#header .logo {
    margin-top: 0px;
    height: 43px;
}
on follow:
#header .logo {
    margin-top: -15px; 
    height: 60px;
    margin-bottom: 0;
}
@media (max-width: 991px){
    #header .logo {
       height: 45px!important;
       margin-top: -8px;
    }
}
2. Open your theme.js file and change (line 203-217):
items.push({
    target : header.logo,
    start  : topbarHeight,
    css    : 'height',
    max    : logoHeight,
    min    : 45,
    ratio  : 2
}, {
    target : header.logo,
    start  : topbarHeight,
    css    : 'margin-top',
    max    : logoTop,
    min    : -8,
    ratio  : 2
});

Thx

by
by
by
by
by
by