Menu on right side of Header

[toonin99]

I am trying to have a logo image on the left side of my header, and my menu on the right side of the header. I found a couple of answers on the Forum, and thought I had the right code, but it’s not working.

I went to HTML Insertion>Header Top, and added:
<div>
<div class=”content-2-col”>http://www.profitonlinebiz.com/wp-content/uploads/2015/09/profitlogoW.jpg</div&gt;
<div class=”content-2-col”>extra</div>
</div>

What am I doing wrong?

Site is http://www.profitonlinebiz.com/

[Weaver]

When you want image in the content, you need the full HTML specification, thus:

<img src=”http://www.profitonlinebiz.com/wp-content/uploads/2015/09/profitlogoW.jpg”&gt;

And no ; after the </div>

[toonin99]

Thanks! My Advanced HTML now reads:
<div>
<div class=”content-2-col”><img src=”http://www.profitonlinebiz.com/wp-content/uploads/2015/09/profitlogoW.jpg”></div&gt;
<div class=”content-2-col”>extra</div>
</div>

 I have one other problem:
The name of my custom menu (extra) show up on the right side of the header, but not the actual menu.

[Weaver]

Same problem, sort of. If you are using an extra menu, you will have to use the Weaver Xtreme Plus [extra_menu] shortcode to display the menu.

You can’t simply provide names of files (like the image), or a name of a menu (extra) all by themselves. These are just words. You need to do something to have them displayed – like the HTML for <img>, or a shortcode in the case of the menu.

Be sure you understand how shortcodes work. And in the case of menus and the [extra_menu] in the header, if it is a dropdown menu, you will have to add extra styling to have it all show – normally the header html area does not display overflow content. (add {overflow:visible;} to the CSS+ for the Header HTML BG color option on the Main Options : Header tab.)

[scrambler]

Check the help in Appearance > +Xtreme Shortcode> Extra menu page to see the syntax for the extra menu Shortcode.

Also, using the div with the 2 columns class will split the two column 50/50. If you need a different % width for the logo and the menu, you may want to use the header Widget area with 2 widgets, and custom width as explained here.

http://forum.weavertheme.com/discussion/10342/weaver-xtreme-tips-and-tutorials-part-1#Item_1

[Author]

Posts