Create New Topic

customization in home page nav

Home Forums Projects customization in home page nav

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #3605

    Parth Ranjan
    Participant

    Hello Bryan Sir

    I am working on new project http://ekaa.in using groundwork theme of WordPress. My client home page design of nav should be changed. I am attaching latest design jpeg.
    Kindly assist me, could this possible.
    New nav design

    Regards
    Parth Ranjan, New Delhi

    #3607

    Bryan Hadaway
    Keymaster
    nav ul li a {
      background: none repeat scroll 0 0 #eee;
      border-radius: 50%;
      color: #777;
      display: block;
      float: left;
      font-family: "Raleway",sans-serif;
      font-size: 100%;
      font-weight: 500;
      height: 120px;
      line-height: 120px;
      margin: 1%;
      padding: 0;
      text-align: center;
      width: 120px;
    }

    That should get you started.

    You’ll notice instantly that it opens a new can of worms for long link titles and dropdown menus. I would recommend reworking the titles so they’re all one word and get rid of traditional dropdown menus.

    Good luck.

    #3611

    Parth Ranjan
    Participant

    Thank you sir

    #3612

    Parth Ranjan
    Participant

    Sir
    I have implemented your css code, working perfectly well but I want to implement this only in home page(replace top main nav from top to above background image), rest page nav is ok.

    Any idea, please assist me

    Regards
    Parth Ranjan, New Delhi

    #3613

    Bryan Hadaway
    Keymaster

    In that case, all you need to do is throw .home in front:

    .home nav ul li a {
      background: none repeat scroll 0 0 #eee;
      border-radius: 50%;
      color: #777;
      display: block;
      float: left;
      font-family: “Raleway”,sans-serif;
      font-size: 100%;
      font-weight: 500;
      height: 120px;
      line-height: 120px;
      margin: 1%;
      padding: 0;
      text-align: center;
      width: 120px;
    }
    #3614

    Parth Ranjan
    Participant

    Hello Sir
    I have implemented your code successfully but I want nav should be appeared in bottom of background image, as per shown in above image and any idea to correct drop down. Kindly visit http://ekaa.in to see my latest development.

    My request to you to please don’t be irritate with my questions sir, I am new in this field so kindly assist me.

    Regards
    Parth Ranjan, New Delhi

    #3615

    Parth Ranjan
    Participant

    Hello Sir
    I have completed maximum modification of http://ekaa.in but unable to correct drop down of home page nav menu.
    Any idea kindly assit me…

    Parth Ranjan, New Delhi

    #3616

    Bryan Hadaway
    Keymaster

    At this point it’s a little beyond the scope of what I can assist with for free, sorry and good luck with the project.

    #3617

    Parth Ranjan
    Participant

    Lots of thanks for finest coordination.

    Regards
    Parth Ranjan

    #3618

    Bryan Hadaway
    Keymaster

    You’re welcome.

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.