• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

[Resolved] button below home nav tab

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › button below home nav tab

Tagged: image in navbar

  • This topic has 2 replies, 2 voices, and was last updated 5 years, 1 month ago by Dee.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 13, 2015 at 3:38 pm #734
    Dee
    Participant

    Hi there,

    I am building a website for a project of the Theosophical Society. You can see the test design at: http://pjoweb.nl/adyar1

    Instead of the ‘HOME’ text, my client would like to have the small logo of the organization on the home tab of the nav bar, like you see here: http://ts-adyar.org/

    What piece of code do I need for this?

    I haven’t uploaded the image yet, but in your answer you may give me a fake image url of course.

    Thanks in advance,
    Dee

    December 13, 2015 at 4:57 pm #738
    Chinmoy Paul
    Moderator

    We already created a CSS for home menu. So you can understand how it will work.

    
    .genesis-nav-menu .home a::before {
        content: "";
        display: block;
        font-family: "Dashicons";
        font-size: 21px;
        left: 50%;
        margin-left: -14px;
        margin-top: -17px;
        position: absolute;
        top: 50%;
    }
    .genesis-nav-menu .home a {
        display: inline-block;
        font-size: 0;
        height: auto;
        position: relative;
        text-align: center;
        width: 25px;
    }

    Here is some tips

    1. http://sevenspark.com/how-to/how-to-add-a-custom-class-to-a-wordpress-menu-item
    2. Add Home icon to the Primary Menu (http://www.simpleprothemes.com/configure-navigation-menus-in-flex/)

    December 20, 2015 at 11:56 am #749
    Dee
    Participant

    Will try it out, thnx for the sample code!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2021 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates