Home Forums Weaver Xtreme Theme Moving a menu into the header bar next to logo

This topic contains 25 replies, has 4 voices, and was last updated by  Weaver 2 months, 1 week ago.

Viewing 16 posts - 1 through 16 (of 26 total)
  • Author
    Posts
  • #48275

    bmackler
    Participant

    I am working on a site – http://www.pulseisrael.com/

    I want to put a navigation in the top bar where it says “navigation here”

    how do I do that?

    similiar to something like this ?

    [site_title matchtheme=true]
    [site_tagline matchtheme=true]

     

    #48276

    Maureen
    Participant

    You could add the logo and menu in the header area using instead of the pre wrapper.

    Here are a few articles from the Weaver Guide to help you get started.

    https://guide.weavertheme.com/options-widget-areas-and-widgets/

    https://guide.weavertheme.com/layout-and-html-insertion-areas/

    https://guide.weavertheme.com/shortcode-extra_menu-x-plus/

     

     

    #48278

    bmackler
    Participant

    I guess what I am asking is if I need to do the menu manually or if I can use a shortcode or something and still use the menu  builder?

     

     

    #48279

    bmackler
    Participant

    I see that there is an insertion point for the navigation in plus, but this client does not have plus.  any way to do that in regular?

     

    #48280

    Weaver
    Keymaster

    All the support for extra menus is found in Weaver Xtreme Plus. Your client could pay you a bunch to build a custom menu which would require finding an appropriate plugin or writing custom PHP code, or they could pay a tiny bit for a Weaver Xtreme Plus license.

    #48281

    bmackler
    Participant

    Ok but what I want to do is definitely available in plus?

     

    http://www.pulseisrael.com/

    have the navigation where it says “navigation here”

    #48282

    scrambler
    Moderator

    I don’t want to distract you from buying plus which is a very valuable option that indeed allows you to insert menus anywhere, but as Maureen said you can do your header with logo on the left and menu on the right using the regular Secondary menu bar.

    All you need to do is add your logo as the WordPress logo and add it to the menu bar with the standard options.

    Read guide article below on how to proceed.

    http://guide.weavertheme.com/menu-mar-advanced-customizations/#xlogo

     

    #48283

    Weaver
    Keymaster

    Adding to a menu bar is certainly possible – that is partly why the new feature was added to 3.0. See the menu used on this forum for an example. You can change bg color, move the menu, or use the secondary menu. You can adjust the height of the menu or the logo in menu bar. This simple mechanism works for many designs, but if you need more control of menus, you’ll need Weaver Xtreme Plus.

    #48284

    bmackler
    Participant

    Thanks so much, I think I got it right.  Now the only question I have for this is since I have it full width the header is 100%/  I had to make it full width in order to get the slider full width.  It wouldnt work if I manually checked off the options in the full width tab….So How do I bring in the header (logo and nav) so its at about 1450px (centered) ?

    #48285

    scrambler
    Moderator

    Please read the full width design article and come back with questions if needed

    https://guide.weavertheme.com/full-width-design/

    What you want is set your sitewidth to 1450px to limit content width.

    Then put your sider in The header mage HTML replacement, not the Header HTML

    Then use the full width option page to “Expand” the header image so the slider is full width, and “Etxtend” the areas that need a full width Background but a Limited width content

    #48286

    bmackler
    Participant

    Yes that is what I have done (just had to move the slider to image replacement from header html…

    but the menu and logo are still full width…how does that get fixed?

    #48287

    bmackler
    Participant

    ok, so I got the check boxes right, but the white area of the header area overlaps into the slider.  how do I fix that?

    #48288

    scrambler
    Moderator

    Not quite sure why that is, but your metaslider has a z-index of 0, if you change that to a 1000 it fixes it.

     

    #48289

    scrambler
    Moderator

    @bmackler

    Your issue is coming from the fact that you have an empty info bar creating a space overlap that covers the top of your slider

    Hide the whole info bar in Main Options > Menus > Info bar section

    You also need to uncheck Move Site title over header image

     

    #48290

    bmackler
    Participant

    great, thank you so much.  I think everything looks right now…

     

    on mobile, how do I move the menu icon from left to right hand side?

    #48291

    scrambler
    Moderator

    Unless the cache is not refreshed, the top 20px of your slider is still covered up.

    I misspoke earlier, it is not Hide info bar but Hide site title and Hide site tagline that need to be checked.

    Make sur that

    Main options > Header > Site title / Tagline > Hide site title AND Hide Site tagline are checked

    AND

    Main options > Header > Site Title tagline > Move Title / Tagline Over Header image is Unchecked

Viewing 16 posts - 1 through 16 (of 26 total)

You must be logged in to reply to this topic.