Adding menu app to top menu itself

  • dbphoto1981

    #7039

    Hi, I have this app from the weather network with this code:

    <iframe marginheight="0" marginwidth="0" name="wxButtonFrame" id="wxButtonFrame" height="20" src="http://btn.weather.ca/weatherbuttons/template4.php?placeCode=PT080000&category0=Cities&containerWidth=367&btnNo=&backgroundColor=blue&multipleCity=0&citySearch=0&celsiusF=C" align="top" frameborder="0" width="367" scrolling="no" allowTransparency="true"></iframe>

    I want to put this on my home page Here in the top menu bar where it says ‘Gallery’/’Contact’ but to the right of this, would anyone know how to do this?

    Thanks 🙂

    Mod

    Kenneth John Odle

    #36617

    Use a Graphene action hook widget area. There is a tutorial on my blog.

    dbphoto1981

    #36618

    Hi, thanks, I dont really understand the action hook, I have found the header file but not sure how to implement the code into the right part?

    Mod

    Kenneth John Odle

    #36619

    You do not edit theme files. That is the purpose of action hooks and action hook widget areas. See the tutorial on my blog.

    dbphoto1981

    #36620

    Thanks, discovered this, but it does not let me input anything into the ‘Graphene top bar’ or ‘graphene header menu’ it just shows

    Quote:
    Dynamically added widget area. This widget area is attached to the ‘graphene_top_bar’ action hook.

    and am trying to paste in my code?

    Thanks for the help 🙂

    Mod

    Kenneth John Odle

    #36621

    Yep, you have to activate the widget area in Graphene options, and then go to the widgets pane, add a text widget, and add your code to the text widget.

    dbphoto1981

    #36622

    Thanks, I see, sorry, had to put the text box in there.

    Is there a way to customise so it shows on the right of my top header? at the moment it is showing to the left and undernath my menu?

    Have a look Here

    Mod

    Kenneth John Odle

    #36623

    Try this in custom CSS:

    #text-3 {float: right;}

    dbphoto1981

    #36624

    Yep, that worked, is there a way to have it on the same line as the text that is on the left? just so it moves it up a bit?

    Thanks for the help 🙂

    Anonymous

    #36625

    Add this:

    #text-3 {
    position: relative;
    top: -30px;
    }

    Maybe some px more or less ;).

Viewing 10 posts - 1 through 10 (of 11 total)

  • 1
  • 2
  • You must be logged in to reply to this topic.
Graphene Themes Forum