Support » Themes and Templates » Editing the Top Menu in Mantra theme

  • Resolved mcd2099


    Hi I am trying to add an image link on the top of my website where the top menu is I except I want it aligned on the left side. I am not sure how to do this I have added something to the header.php file in my theme which is the image I want shown, but I cannot get it in line with the top menu. can anyone please help with this issue.

    the website it:

Viewing 5 replies - 1 through 5 (of 5 total)
  • Christine Rondeau


    Volunteer Forum Moderator

    Sorry, but I’m looking at your site right now and not sure what image you want aligned.
    Which one is it?

    on the top left there is an image that says stay connected with a facebook logo on it.

    The first thing you need to do is create a new menu item.
    Go to Appearance > Menus, just below pages create a link to the facebook page and link text can be facebook.
    After that step is done we will add some css to make the image appear in place of the text.

    This code will need to be placed in a child-theme or custom css plug-in. The menu-item number will be different, we can figure that out after the link is made.

    #menu-item-73 a {
        background-image: url(;
        background-size: contain;
        background-repeat: no-repeat;
        color: transparent;
    #menu-item-73 a:hover {
        color: transparent;

    Thanks for the help i was able to get it done. I also had another question maybe you could help me with. If you go to the following page

    it should be a child page for the solutions page. I would like to have the parent page on the main menu stay highlighted when I am on a child page. could you also help with this?

    Thanks again

    Thanks again for your help I have figured the rest out.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Editing the Top Menu in Mantra theme’ is closed to new replies.