customization in home page nav

Home › Forums › Projects › customization in home page nav

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 15th, 2015 at 4:35 AM #3605
    Anonymous
    Inactive

    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

    January 15th, 2015 at 9:59 AM #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.

    January 15th, 2015 at 8:59 PM #3611
    Anonymous
    Inactive

    Thank you sir

    January 16th, 2015 at 5:53 AM #3612
    Anonymous
    Inactive

    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

    January 16th, 2015 at 10:30 AM #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;
}
    January 17th, 2015 at 9:22 AM #3614
    Anonymous
    Inactive

    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

    January 18th, 2015 at 10:03 AM #3615
    Anonymous
    Inactive

    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

    January 18th, 2015 at 10:57 AM #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.

    January 18th, 2015 at 8:37 PM #3617
    Anonymous
    Inactive

    Lots of thanks for finest coordination.

    Regards
    Parth Ranjan

    January 19th, 2015 at 8:47 AM #3618
    Bryan Hadaway
    Keymaster

    You’re welcome.

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