WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Editing the Top Menu in Mantra theme (6 posts)

  1. mcd2099
    Member
    Posted 6 months ago #

    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:

    http://www.csclearning.com/

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

  3. mcd2099
    Member
    Posted 6 months ago #

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

  4. batharoy
    Member
    Posted 6 months ago #

    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(http://www.csclearning.com/WordPress/wp-content/uploads/2014/01/facebook-like-us-photo2.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        color: transparent;
    }
    #menu-item-73 a:hover {
        color: transparent;
    }
  5. mcd2099
    Member
    Posted 6 months ago #

    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

    http://www.csclearning.com/WordPress/?page_id=563

    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

  6. mcd2099
    Member
    Posted 6 months ago #

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

Reply

You must log in to post.

About this Topic