StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Images in Menu – Magazine Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Images in Menu – Magazine Theme

This topic is: not resolved

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 20, 2015 at 3:45 pm #141562
    Rosey
    Member

    Is it possible to have images instead of text in my secondary navigation menu? So instead of a button saying 'Home', can place a .png of a house as the navigation/menu link button?

    http://insight.crystalbastrology.com
    February 20, 2015 at 5:57 pm #141579
    Victor Font
    Moderator

    Yes, you can do this. Here's an article that explains how: http://premium.wpmudev.org/blog/wordpress-custom-menu-icons/

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 20, 2015 at 9:31 pm #141599
    Rosey
    Member

    Hi Victor,
    Thank you for your help.
    I read through and it works to add the images into the menu, but I cannot remove the link text.

    The background image shows up fine, but how can I remove the menu text from the link? If I delete 'Navigation Label' of that link in the menu structure area, it gets deleted/removed from the menu when I click 'Update'. It seems that WordPress needs each Menu link to have a label. Is there a way to hide the label so it doesn't display? Maybe in the css or in the functions.php file?

    Thank you.

    February 21, 2015 at 6:57 am #141626
    Victor Font
    Moderator

    Insert a non-breaking space in the Navigation label field. A non-breaking space is created with   You may have to use 2 or 3 non-breaking spaces to give you the correct width for the images.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.