Navigation
Archive / Menu and Search Icon Alignment
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 16, 2017 at 3:49 pm #1410138
    nielsen-nc3
    Participant

    Hello,

    I recently purchased the X Theme and I love it! I am developing a new site, and I would like to mirror the Integrity 1 Menu (including the hover effect with the blue bar above the menu item). Unfortunately, the alignment is off and I cannot seem to correct this.

    I have attached an image the way I would like to have the menu. Please advise as to how to achieve this.

    http://staging.nc3.net

    Thanks in advance!

    March 16, 2017 at 11:15 pm #1410659
    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    To change the alignment of your menu, please check your Customizer > Header > Logo and navigation.

    Let us know how it goes.

    Thanks.

    March 17, 2017 at 12:40 am #1410704
    nielsen-nc3
    Participant

    Thanks Nico. I have changed this back and forth and I think I am going to keep it stacked instead of inline. However, is there a way to get the search icon inline with the menu (below the logo)? As you can see, it wraps underneath.

    Any thoughts?

    March 17, 2017 at 8:35 am #1410980
    Darshana
    Moderator

    Hi there,

    Could you please try adding this under Custom > CSS in the Customizer.

    
.menu-item.x-menu-item.x-menu-item-search {
    float: right;
    margin-top: 15px;
}

    Hope that helps.

    March 18, 2017 at 4:15 pm #1412315
    nielsen-nc3
    Participant

    That worked perfectly. Thank you!

    March 19, 2017 at 7:00 am #1412702
    Thai
    Moderator

    You’re most welcome 🙂

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