Responsive Header - HTML5/JavaScript/jQuery

Updated information for item #3 I updated my bid to $30 which is the lowest it will let me go but I think that may be because of your posted budget, if you lower that I could likely bid less. I'm really just getting started on the site so at this point I'm mainly trying to get some finished jobs and reviews. I'll answer your private message with more details to confirm the exact changes that you want but I would be able to start the logo centered and have it shift to the left upon scrolling. Thanks, Mike Hi, There should be very little code needed to do what you're asking if I understand correctly. Change the css in you <style> element to what is pasted below, and it will keep the header at a fixed size for mobile while still allowing your existing scrolling behavior. Note that 400px in this case is arbitrary, just pick whatever threshold you consider to be a "small" screen and update accordingly. Let me know if this isn't what you're looking for and I'd be happy to take a stab at fixing it the way you want. Thanks, Mike @media(min-width:401px) { [login to view URL] #mylogo { height: 95px; max-width: 100%; width: auto\9; /* IE8 */ } [login to view URL] #mylogo { height: 50px; max-width: 100%; width: auto\9; /* IE8 */ } [login to view URL] #navdiv { top: 105px;position:fixed; } [login to view URL] #navdiv { top: 60px;position:fixed; } } /* screens smaller than 400px will always have small banner */ @media(max-width:400px) { header #mylogo { height: 50px; max-width: 100%; width: auto\9; /* IE8 */ } header #navdiv { top: 60px;position:fixed; } } #mylogo,#navdiv{ transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ }

Hello there, accept my greetings for your project. I saw your requirements for the project and i am sure that i can deliver you 100% solution for your requirements. Please Come on Chat for My working Example, Thanks Sachin

Yes, I am the perfect one for your important project. Please check my freelancer profile for portfolio and work reviews. I read the project description properly, and I can start your important project right away if you're ready. I am 24x7 available on massage board, so i can service you if you want anything related to the project. Please check the PMB. Let's start!

We are very interested in this project. I have read your above description and i think its well within our range to execute this is in a good time frame so would you be kind enough to message me so we can have a fast and understanding agreement.

Your logo squeezes because you height remains the same but your width is dec you would have to dec the height to that is the reason it is not proportionate.3rd point can be done too

Hi I would like to participate in developing your project. I think I have experience in web projects. I have already developed several websites running on servers. You might have read this in my profile. Please send me your detail requirements. We can discuss it. Anyhow, I would like to finish your project in a few days as quickly as possible. Please accept my bid. Of course, I will do my best. Thanks in advance.

Hi, I need to check codes first to confirm you how much code I will need to write. once it is responsive it suppose to be compatible with all browsers (not lower versions) and I can do that function too.

Hello. I am a developer with experience in using HTML, PHP, CSS, JQuery, Codeigniter, Bootstrap, Responsive Design, etc. I can help you to solve the responsive banner issue. 1) I think we need to add media query into css, so when viewed on small screen we can set the banner height, and a little javascript code. 2) I think all modern browsers support media query, such as ie 9 above, firefox, etc. 3) I think we can do that, but when viewed on pc screen, right? So, could we discuss it now? Thank you

Hi there, What you want to do is very simple to implement and the solution is supported by all browser (older than IE 9). If you want to have that effect in small screens you can make it with other values(smaller). Cheers, Adrian

hii.. I am js expert. please check my reviews.

Hi, my name is Joe. I took a look at your problem and here's my conclusion. First, the images in the banner is perhaps not set to scale proportionally to the banner which in turn is definitely not set to scale proportionally to the screen size. This can all be fix with some css rules. As for the third request, yes it is possible to create the animation either through css animations rule or javascript code. The overall code should probably not exceed about 20-30 lines I guessed. Thanks for reading this, and I look forward to your reply.

Hello Sir/Mam, "Ready to Start work right now". I guarantee you that I can easily fulfill your needs within the time and budget . you would love to work with professional who believe in long term relationships, Thanks.

Hello Sir, Thank you for taking the time to review my bid! I am having strong hands over Java, PHP, HTML, Jsp, CSS, Bootstrap, JavaScript, JQuery, Mysql and other related technologies. I am a Creative Graphics Designer and developer with proven track record in freelance account, and I am offering very lower amount with good quality of work. I believe in ORIGINAL and QUALITY work since Work is my solo identity.

A proposal has not yet been provided

Hi there, do not over pay for this. It does not require much work. I can fix it for you for a reasonable bid, and I can move the logo on scroll down as well. The solution is supported on all browsers. 100% completion and 5 star rating, you can read my reviews. - Clean well organized code, and I will tell you exactly how it will be done. - Fast turn around Looking forward to working with you. Thanks. Regards, Ali Khan

A proposal has not yet been provided

Hello Dear Sir/Madam, We are having a Company of 25 members and we are new to freelancer and we are here to get big projects as per requirement of client and we have the ability to work anything on our skills such as we can do anything in PHP MAGENTO CSS WORDPRESS PLUGIN DEVELOPMENT EXTENSION THEME SOAP API AWS HTML HTML5 CSS3 JAVASCRIPT JQUERY SEO API DEVELOPMENT AND MANY MORE NOW WE ARE HERE TO PROVIDE OUR SERVICES. LOOKING FOR YOUR RESPONSE AND WE ARE HERE TO DISCUSS EVERYTHING ON OUR PROJECTS AND FEEL FREE TO ASK IF YOU NEED ANY SUGGESTION. Thanks

A proposal has not yet been provided

Hello I am working under individual activity certificate. I have an agreement form that I would send you. I would also need you to provide me this information: name, code / certificate number, vat code (if you are a vat code payer), address, and I would send you an invoice form if needed. About project: The solution would be to resize banner image on page refresh when banner image width / height is greater than device width / height and make it equal / smaller than device width / height. The optional moving of banner image when user scrolls down a page can also be implemented. 1. It would take approximately same amount of code or more than the current code that is used to resize banner image. 2. It would work on all browsers that support javascript and has javascript enabled. Best Regards, JRokas