customization in home page nav

Tagged: Horizontal menu customization in home page

This topic has 9 replies, 2 voices, and was last updated 9 years, 8 months ago by Bryan Hadaway.

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.

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.