Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • July 4, 2014 at 6:00 pm #287315
    janeyj

    My goal is to use the sticky, fixed menu style with the centered logo and centered menu below.

    However, I want to put our logo in custom color sections below the logo (which is easy to do within the theme). But that means I need to hide the logo portion of the header and display: none leaves the space. I’d just like the centered menu bar at the top at 80px height.

    I feel like these should be easy changes, I just can’t find the right css lines.

    July 5, 2014 at 5:58 am #287453
    Josue

    Hey!

    You can use the “header-scrolled” that gets applied to the header when the website is scrolled down.

    Regards,
    Josue

    July 5, 2014 at 9:20 am #287479
    janeyj

    I need to know how, if possible, to remove the logo and have ONLY the navigation showing. Clearly a display:none on the logo, but that leaves the space….

    July 5, 2014 at 9:29 am #287482
    Josue

    Hi,

    Can you post the link to the website in question?

    Regards,
    Josue

    July 5, 2014 at 5:56 pm #287526
    janeyj
    This reply has been marked as private.
    July 6, 2014 at 2:54 am #287614
    Ismael

    Hi!

    Thank you for the update.

    First, set the height of the header on Enfold > Header Layout > Header layout panel. Look for Header Size then select the custom pixel value option. Adjust the height then add this on Quick CSS or custom.css:

    strong.logo.bg-logo {
display: none;
}

    Best regards,
    Ismael

    July 6, 2014 at 5:46 pm #287737
    janeyj

    I had no problems getting this result. If you go back and look, you’ll see the space where the logo was is still there.

    I can do a display:none on #header_main which bumps up the nav to the top, but the blue bar doesn’t reduce in size. There’s a margin or padding somewhere that’s keeping it larger than 80px.

    July 6, 2014 at 5:54 pm #287739
    janeyj

    When I scroll, it drops down in size. But the default that it lands on is at least 3 times the height.

    Default landing: http://janeyj.com/clients/top.png

    Scroll: http://janeyj.com/clients/scroll.png

    July 7, 2014 at 3:13 am #287785
    Ismael

    Hi!

    Thank you for the update.

    Please add this on Quick CSS or custom.css:

    html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 36px;
}

    Regards,
    Ismael

    July 7, 2014 at 9:44 am #287870
    janeyj

    OK, so that didn’t work. But I did find this gives me the look I want. My only problem now is that I have no mobile menu at all. Even removing the edits we made, no mobile menu. What do I do?

    .html_header_top.html_header_sticky #main {
    padding:0 0 15px !important;
    }

    July 7, 2014 at 7:10 pm #288139
    janeyj
    This reply has been marked as private.
    July 7, 2014 at 8:16 pm #288151
    janeyj

    Guys, I’m not looking for any customization help. I got that figured out. But I need SOME menu for mobile display. There is NOTHING. Please help.

    July 7, 2014 at 8:20 pm #288153
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #advanced_menu_hide { visibility: visible; opacity: 1; }

    Cheers!
    Yigit

    July 7, 2014 at 8:25 pm #288158
    janeyj

    Thanks, Yigit. We’re closer. I at least see an X now. But no menu.

    http://janeyj.com/clients/mobile-nav-1.jpg

    July 7, 2014 at 9:35 pm #288197
    Josue

    Hey!

    Mobile menu is appearing, at least on my end:

    Best regards,
    Josue

    July 7, 2014 at 9:36 pm #288198
    janeyj

    That’s because I’m working through styling fixes. Thanks for all your help though!

    July 7, 2014 at 9:38 pm #288199
    Josue

    Ok, let us know if there is something else we can help with :)

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.