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

How to I make menu look like this?

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 › How to I make menu look like this?

This topic is: not resolved

Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 15, 2013 at 3:13 pm #66880
    agapeonline
    Member

    How do I add the little graphic (flag) to a specific nav item? http://www.englishforbusinesscommunication.com/

    http://thecenterschool.com
    October 15, 2013 at 4:53 pm #66899
    emasai
    Participant

    You will have to give that particular nav item a custom class and then add the flag as a background image to that particular css class. Under Appearance - Menus - go to the item you want to add a class to, if there are no options to add the class, go to the top of the page and hit Screen Options, check the CSS Custom Class box.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    October 16, 2013 at 7:17 am #66971
    agapeonline
    Member

    Thank you. I checked the CSS box and that takes me a bit closer to the solution. What do I put in the "CSS Classes (optional)" box to display an image next to a particular nav option?

    October 16, 2013 at 10:03 am #66997
    emasai
    Participant

    Give the menu item a css class name. Upload the image to the server. In your CSS file call the custom selector you just named and place the background image. You will need to position it. If you know nothing about CSS then it will be difficult for you to do it yourself.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    October 16, 2013 at 11:53 am #67041
    agapeonline
    Member

    Can you send me an email with a quote for doing this?

    October 16, 2013 at 1:56 pm #67063
    emasai
    Participant
    This reply has been marked as private.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.