Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 6, 2014 at 9:41 pm #247957
    Raymmar

    I feel like I saw something like this once before on here but I can not seem to find anything on how to do it in my searches.

    I would like to take the icons on the top of this page

    http://raymmar.com/my-blog/

    and use them to replace the main navigation for the website. I would then add an about link in the top bar but this is where most of my traffic comes from and interacts with anyway so I would like to make it more prominent on each page of the blog without pushing all of the content down by adding it at the top of each page.

    It would also be cool to just stay across the top of the screen in mobile view if that was at all possible. Not sure that is inside the scope of your support but I am sure someone has asked about using images in the header before so I thought you might be able to point me in the right direction.

    April 8, 2014 at 6:57 am #248630
    Dude

    Hey Raymmar!

    You can use the “Icon” shortcode (magic wand icon in the TinyMCE toolbar) to add icons to your menu titles/links. Just go to a post/page editor page and use the shortcode generator (Magic wand) to generate your icons. Then switch to the menu page (Appearance > Menus) and insert the shortcodes into the “Menu Title” field. Enfold will then display the icons instead of the default menu title/text. You can also add html code into the title and description field – i.e. add simple html image tag into that field. 

    
<img src="http://i2.wp.com/raymmar.com/wp-content/uploads/2014/04/Take-Your-brain-to-the-mind-spa-buddah-quote.jpg" alt="Take-Your-brain-to-the-mind-spa-buddah-quote" />

    Best regards,
    Peter

    April 8, 2014 at 8:11 pm #248931
    Raymmar

    Ok, I was able to get the icon in there but it does not work with the small fixed header. Is there an easy fox for this or do I need to think about another menu style option?

    Also, the top-top nav bar. The one with social icons and secondary menu. Will that support a drop down function as it is or would that require custom code?

    Thanks,

    April 11, 2014 at 5:00 pm #250311
    Yigit

    Hey!

    I am closing this one as i have replied you on your other topic here – https://kriesi.at/support/topic/navigation-hover-indicator-is-not-lining-up-with-header-div/

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Using images as navigation in my header’ is closed to new replies.