Navigation
Archive / How to remove the header area and replace it with UberMenu?
This is archived content. Visit our new forum.
  • Author
    Posts
  • July 28, 2015 at 3:10 pm #343338
    s1344678
    Participant

    I know that 3rd plugin integration is not supported, but I have already integrated the plugin into the theme.

    Now I would like to remove the Logo Area of my theme. In a sense, I would like to only have the navigation bar which will also contain a logo (on the left).

    Currently the logo area looks like

    I need to remove the area in RED and expand the menu to be full width (YELLOW). I would also like to remove the bottom margin from the menu (GREEN). I would like to be able to keep the topbar and use it as normal. It’s on at the moment.

    More Questions
    Are subheadings possible? By that I mean a heading and a subheading with a small margin?
    How can I achieve the same type of links as in the changelog of xtheme https://theme.co/changelog/ ?

    July 28, 2015 at 3:11 pm #343340
    s1344678
    Participant
    This reply has been marked as private.
    July 28, 2015 at 3:17 pm #343345
    s1344678
    Participant
    This reply has been marked as private.
    July 28, 2015 at 6:09 pm #343488
    Lely
    Moderator

    Hello There,

    Thank you for posting in and giving us a detailed instruction.
    To hide the logo area in red, please add the following CSS in your child theme style.css

    .x-logobar {
     display: none;
}

    To make the navigation fullwidth, please also add the following CSS:

    .x-navbar-inner .x-container.max.width {
    width: 100%;
}

    Yes that is possible. You may just add the class mbn to the heading to your heading to set it’s margin bottom to 0.

    Hope this helps.

    July 29, 2015 at 2:22 am #343785
    s1344678
    Participant

    Thank you very much, I managed to solve the problem in Yellow and Red.

    However there is still a bottom margin between the menu and the start of the heading colored in Green. Is it possible to remove it also?

    July 29, 2015 at 2:34 am #343794
    Paul R
    Moderator

    Hi,

    Please change your navbar top height to 48 in the customizer (Appearance > customize)

    http://screencast.com/t/uD3AyuUlgesM

    Hope that helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-343338 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>