Icons in the Main-Menue

  • Author
    Posts
  • #57893

    benjaminwesthoff
    Member
    Original poster

    Hello

    can you give me a little help how I can change the Icons/Symbols in my main(primary)-menue?

    Where or how can I change the position of that menue? (for example if I would like to have it on the top of the page?)

    The blog I need help with is: benjaminwesthoff.wordpress.com

    #58108

    maharzan
    Theme Author

    Hi benjaminwesthoff,

    Please find the instructions for icons in this page, scroll down to Menus and Icons section: http://en.wordpress.com/themes/awesome/support/

    Do you mean to move the whole menu bar on the top of the window? That will be challenging since it will involve a lot of code changes which wordpress.com might not support. It just allows us to change the css not theme code.

    Thanks,
    Chandra

    #58118

    benjaminwesthoff
    Member
    Original poster

    So, the question is, if we are both up to the challenge (because without you I am helpless) ;)
    I thought I saw that somewhere, I will try to find a link. But in the end that isn’t so important. The menue on the left side is totally fine.

    But (I am sorry) I need some more help with the icons in the menue. I tried to follow the disription in the link but I didn’t change the stars to some other simbol.

    What exactly do I have to write in the CSS-window? Maybe I made a mistake there.

    #58151

    maharzan
    Theme Author

    Please go to Appearance -> Menus in your admin page. In each of the menu items, when you open them up, you should see a CSS Classes text box option. If you do not see that, please click on Screen Options tab on the top right. There you can click CSS Classes to show. Once you get that text box in the menu item, please add any css class given in the documentation, such as facebook. That star should now change to f icon.

    Hope that makes it more clearer. :)

    Thanks,
    Chandra

    #58170

    benjaminwesthoff
    Member
    Original poster

    Hm, well that was exactly what I had done, but it didn’t work. When I check the the text box it says what I had written before. So it does definetly save. I tried it with “faceebook” and “contact”. didn’t work….

    #58180

    maharzan
    Theme Author

    Can you please post a screenshot? Here is what it should be: http://theme.files.wordpress.com/2013/11/wp-menus-social-media-class.jpg

    Also, note that these icons only work on the parent menu (1st level menu).

    #58194

    benjaminwesthoff
    Member
    Original poster

    I am sorry, found out that I made a mistake. It works perfectly fine!

    Thank you very much for your help!!

    #58197

    maharzan
    Theme Author

    Ah, Great. :)

The topic ‘Icons in the Main-Menue’ is closed to new replies.