floating menu

[nacordiaz]

hi,

i have an issue with the home floating menu, when i scroll down the letters go up , and the logo lose his alignment, also the social icons dissapear, also when i scroll down.

it can be resolved? , also whats the perfect size for the main logo.

if the social buttons are always going to dissapear i prefer to get the menu sticky.

[livemesh]

Can you pls post a private message here with the URL pls? Thanks

[nacordiaz]

This reply has been marked as private.

[livemesh]

Not displaying social icons in the sticky header was intentional since my idea was to limit the sticky header to navigation only. Since it’s all CSS, the fix is easy. To display social icons in the sticky header, pls insert the following CSS into Custom CSS tab in the Theme Options panel or the /custom/custom.css file –

#header.sticky .button.get-app, #header.sticky .social-container {
display: block;
}
#header.sticky #primary-menu {
margin-right: 100px; /* Do not overlap with socials */
}

[livemesh]

For your site, since you have a logo which is slightly taller than the one on my site, you can prevent floating menu by just using this custom CSS. There is no perfect sized logo as such. It all depends on nature of the site, client needs, brand and hence we need to tweak the code a bit to achieve that perfect layout –

#header.sticky #primary-menu > ul.menu > li > a {
line-height: 100px;
}

[nacordiaz]

thank you so much.

[Author]

Posts