Header logo & menu styling

[Swift Ideas – Ed]

Lets try this again:

#logo img {
width: 233px!important;
height: auto!important;
}
.sticky-header-resized #logo img {
width: 166px!important;
}

and

nav#main-navigation .menu > li {
padding: 0 10px 32px!important;
}
nav.mega-menu li .sub-container {
top: 74px!important;
}
.header-6 .is-sticky .sticky-header-resized #main-navigation .menu > li {
padding: 0 10px 14px!important;
}
.is-sticky .sticky-header-resized nav.mega-menu li .sub-container, .header-6 .is-sticky .sticky-header-resized nav.mega-menu li .sub-container, .header-7 .is-sticky .sticky-header-resized nav.mega-menu li .sub-container {
top: 52px!important;
}

– Ed

[costin]

Hi,

I’ve managed to solve the overlapping menu by playing with the numbers from the code you provided.

As per the logo (which gets distorted and doesn’t resize to the normal state) it seems that whatever I do there is always an issue. So I’ll wait the next update and hopefully the problems will be solved instead of testing several custom codes.

Thank you!

[Melanie – SUPPORT]

Thank you for the patience!

[jraman]

Any update to the logo resizing issue guys?

I am having the same problem where the logo behaves as it should until the sticky header returns to the top (where the normal header returns) and the logo is squashed.
Have updated to v2.16.

Thanks

James

[Swift Ideas – Ed]

Hi James,

Have you set the logo width/height and resized width/height? Can you provide a link so that we can check your site?

– Ed

[jraman]

This reply has been marked as private.

[Melanie – SUPPORT]

Hey, can you add this custom css:

#logo img, #logo img.retina {
width: 85px!important;
height: 85px!important;
}

.sticky-header-resized #logo img {
width: 45px!important;
height: 45px!important;
}

you could give us admin access so we can play with the css ourselves 🙂

Cheers!

[costin]

@jraman Please let me know if the solution provide by Melanie works or not. It’s me who open the thread but, no mater what code I’ve used, the problem is still there.

Thanks,
Costin

[jraman]

This reply has been marked as private.

[Swift Ideas – Ed]

Hey guys,

The fix is:

#logo img {
max-height: none!important;
}

Fixed this for the next update.

Thanks,

– Ed

[jraman]

Thanks Ed,

That has done the trick.

James

[Kyle – SUPPORT]

Great! 🙂