floating menu

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2490
    Nacordiaznacordiaz
    Member

    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.

    #2493
    Livemeshlivemesh
    Keymaster

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

    #2508
    Nacordiaznacordiaz
    Member
    This reply has been marked as private.
    #2518
    Livemeshlivemesh
    Keymaster

    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 */
    }
    
    #2519
    Livemeshlivemesh
    Keymaster

    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;
    }
    
    #2557
    Nacordiaznacordiaz
    Member

    thank you so much.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘floating menu’ is closed to new replies.