$50 fixed price. Wordpress custom header for ThunderCats HHOOOOoo!

Closed Posted Aug 8, 2015 Paid on delivery
Closed Paid on delivery

This is a two part job based around a custom header development within my wordpress theme (x-theme by [url removed, login to view]).

I'd like to replicate the header / nav bar code that you find on some modern styled themes like these two:

[url removed, login to view]

[url removed, login to view]

Specifically, when the reader scrolls down past the header, the logo image snaps into the sticky nav bar on the left-most side (it is reduced in size) Other menu items are moved right to make space for the logo.

When the user scrolls back up the effect is reversed and the small logo disappears, the menu items return to the left and the larger logo is revealed again when the header becomes visible.

I can give access to the code for the demo sites above so you can see how they've been set up on those two sites. I also have some basic working logic that you can see at work on this link here: [url removed, login to view]

The project is for a really cool non-profit community site that celebrates the ThunderCats, that awesome 80s cartoon and toy line. We earn very minimal ad revenue that barely covers our hosting fees and so regretfully the job pays very little. But you will have a lot of gratitude from our community and I'll happily support the successful developer in their future freelance pursuits, by writing a recommendation and being available to any future potential clients who may ask for reference checks.

I'd also be willing to provide credit for your work with a thank you and back link to your own site if you have one, on our community page.

Thanks!

Design Type:

Redesign

Purpose of the WordPress Website:

Community Website

Number of Pages to be Designed:

2

Description of Each Page:

1) Wordpress sitewide header needs custom development to replicate conditional formatting and inclusions to the nav bar based on when the user scrolls down a certain distance (to the bottom edge of the header). Need this done within the x-theme by [url removed, login to view]

2) Want to then fix the same banner to the top of the forums / bulletin board software (xenforo) so that visitors who come in through either the website section or the forums section have the same navigation experience. It's important that this NOT be done with iframe, and I prefer a proposal that will ensure when I make changes in the future to the nav menu in wordpress, that it carries through to the xenforo pages too.

Websites with a Similar Style or Look:

[url removed, login to view]

Watch how the 'Explicit' logo snaps into the sticky nav bar when you scroll down past the header, and how the logo is made smaller, and other nav bar menu items are shifted right to make room. Then when scrolling back up the change is reversed.

Additional Comments:

It's important that the changes are made within the child theme.

As I'd like to understand how to tweak or make changes to the functionality down the road, I'd like a tutorial hand off so that I can ask questions about how the code was implemented, what files were modified etc.

It's likely that the second part of the job will be more difficult to implement, if you fail at this part but succeed with the first, I'll pay for successful completion of the first part.

CSS JavaScript PHP vBulletin WordPress

Project ID: #8234112

About the project

10 proposals Remote project Active Oct 7, 2015

10 freelancers are bidding on average $159 for this job

nuprogramer

Hope you are doing great. I have checked the given detail of this project and I am interested to provide you my services. I have more than 7 years in providing professional website development services and worked with More

$368 CAD in 5 days
(68 Reviews)
6.7
Sunita0610

i can do your project please discus your project .i can do your project please discus your project .i can do your project please discus your project .i can do your project please discus your project .i can do your proj More

$210 CAD in 7 days
(15 Reviews)
5.4
subratawsk

Hi There, Hope you are doing well. Thanks for the requirement. We have gone through your description and we are confident to deliver you best solution. Your Goal of the project and your requirement is very clear to More

$50 CAD in 8 days
(22 Reviews)
4.5
Alekscoddder

Предложение еще не подано

$400 CAD in 20 days
(1 Review)
2.7
maanu007

Hi there, We claim to get it done perfectly for you EXACTLY in the way you want it - Kindly give us a chance and we will prove ourself Ready to prove our words, let's get it done right away and I mean RIGHT AWAY !! More

$55 CAD in 3 days
(1 Review)
1.1
Realapp2015

A proposal has not yet been provided

$45 CAD in 1 day
(1 Review)
0.6
abdulraof

Hi, i'm professional web developer and programmer. i have visited all links that you have post. i'll create as per your requirements. Please discuss with me. thanks

$155 CAD in 3 days
(1 Review)
0.4
raisulam213

hi if you didn't find anyone to hire, we can discuss about this project. personally i am interested to do it. a discussion may give you new idea or make this project succeed. thank you

$100 CAD in 1 day
(5 Reviews)
0.0
Rupinder03

for knowl

$100 CAD in 10 days
(0 Reviews)
0.0
helpnetathan01

!!!We offer personalized tutorial for affordable rate!!! Courses Offered: -PHP Programming -Javascript -HTML -css/html -Online Marketing Learn from someone who are wizards on these fields with over a More

$155 CAD in 3 days
(0 Reviews)
0.0