Convert single webpage to responsive design

Contest Brief

I want the design of this website: https://www.motivationrpg.com/ to be able to neatly and appropriately resize itself to fit on smaller screens. Only one page is needed and I will adapt the concepts to the rest of the site. Your job is to choose and apply a (preferably lightweight) javascript or css solution to resize the header and collapse the menu on smaller screens.

Please do the following:
* Keep the current appearance as close as possible
* Use your judgement as to how it should handle the menu collapsing.
* Provide screenshots of the page in three different sizes (desktop, tablet, mobile).

You don't have to make an account, you can just use the front page and put in a few dummy items on the menu. Attached is a screenshot of the member section.

Recommended Skills

Winner
Featured Contest
Post a Contest Like This

Employer Feedback

“Delivered exactly as I asked for, and improved on my ideas in a pleasing manner.”

Profile image GullyTech, Australia.

Top entries from this contest

View More Entries

Public Clarification Board

  • FRkhairuzzaman
    FRkhairuzzaman
    • 3 years ago

    hello sir please tell me where are you fell lack my design. "" I will build your website fully responsive and dynamic and premium looking only 25AUD because I need A good review and you are my first buyer "". I have lot of experience PHP JavaScript css3 and html5. please win my self I will work of your requirement. please give me a feedback I am wait for your message.

    • 3 years ago
    1. GullyTech
      Contest Holder
      • 3 years ago

      The only thing I actually asked for was to make the front page responsive. Instead, you have messed around with the design and none of your changes were improvements. I appreciate your efforts but this being your first project attempt does not grant you extra bonus points when I do not like your design.

      • 3 years ago
  • FRkhairuzzaman
    FRkhairuzzaman
    • 3 years ago

    I am waiting for you message please visit my entry #74

    • 3 years ago
    1. GullyTech
      Contest Holder
      • 3 years ago

      Thank you for your contribution, but unfortunately it does not suit my requirements at this time.

      • 3 years ago
  • FRkhairuzzaman
    FRkhairuzzaman
    • 3 years ago

    hello sir please check my entry #74

    • 3 years ago
  • RIRabbi
    RIRabbi
    • 3 years ago

    visit my entry #73

    • 3 years ago
  • xSomoy
    xSomoy
    • 3 years ago

    Checkout #69 . And visit the Live Site.
    I'm Sure you will love it. Leave a response.
    Thank You

    • 3 years ago
  • xSomoy
    xSomoy
    • 3 years ago

    Please Check Out Entry #67

    • 3 years ago
  • xSomoy
    xSomoy
    • 3 years ago

    Please Check Out My "Modern Style With User Friendly Design" #65

    • 3 years ago
  • xSomoy
    xSomoy
    • 3 years ago

    Hi there,
    I'm doing Web Development Diploma On Johns Hopkins University.

    So I did some technical test on your site:
    1. Legacy Technology From 1999 (Modern Browsers Doesn't Support)
    2. W3C 17 Errors
    3. SEO Result only 44
    4. Loading Time Up to 28s!!
    5. No CDN used to reduce the file size
    6. Images are not web compatible

    There are some more issues I don't wanna waste your time. So let me tell you what I'm gonna do

    # Obviously Make it Responsive. So that your website looks good from apple watch to Big 65 inch TV
    # Re-Create The Whole Website In Modern Technology To Solve All The Errors And Issues
    # Add A Custom Pre-Loader, Back To Top Button
    # Fully W3C validated And SEO friendly
    # Human Readable Code So You can Work On it

    And all for all this you don't need pay me more. For me It's not always just about money, It's about reputation and
    Most importantly your happy face. :)

    So wait a bit i will upload my entry in time. And If you have any question feel Free to ask me.
    Thank You.

    • 3 years ago
  • freelancerasiq
    freelancerasiq
    • 3 years ago

    #60 done.

    • 3 years ago
  • hamjahweb
    hamjahweb
    • 3 years ago

    Kindly check all six pictures. #58

    • 3 years ago
  • TopFreelancer238
    TopFreelancer238
    • 3 years ago

    Please Check #55 ,

    • 3 years ago
  • xSomoy
    xSomoy
    • 3 years ago

    Hi there,
    I'm doing Web Development Diploma On Johns Hopkins University.

    So I did some technical test on your site:
    1. Legacy Technology From 1999 (Modern Browsers Doesn't Support)
    2. W3C 17 Errors
    3. SEO Result only 44
    4. Loading Time Up to 28s!!
    5. No CDN used to reduce the file size
    6. Images are not web compatible

    There are some more issues I don't wanna waste your time. So let me tell you what I'm gonna do

    # Obviously Make it Responsive. So that your website looks good from apple watch to Big 65 inch TV
    # Re-Create The Whole Website In Modern Technology To Solve All The Errors And Issues
    # Add A Custom Pre-Loader, Back To Top Button
    # Fully W3C validated And SEO friendly
    # Human Readable Code So You can Work On it

    And all for all this you don't need pay me more. For me It's not always just about money, It's about reputation and
    Most importantly your happy face. :)

    So wait a bit i will upload my entry in time. And If you have any question feel Free to ask me.
    Thank You.

    • 3 years ago
  • dipmagura
    dipmagura
    • 3 years ago

    I am Working. don't close this contest

    • 3 years ago
  • hanifrfd
    hanifrfd
    • 3 years ago

    #36 done it, hope if you like it

    • 3 years ago
  • RIRabbi
    RIRabbi
    • 3 years ago

    Please visit my entry #45

    • 3 years ago
  • FRkhairuzzaman
    FRkhairuzzaman
    • 3 years ago

    sir please check my entry #37 . to know more thing please see this video=>https://bit.ly/3hJkXLB

    • 3 years ago
  • IamMMak
    IamMMak
    • 3 years ago

    Hi! Here are some questions before start working on it.
    1. Do you need any backend service for this as website has user sign up and login forms?
    2. Can you provide all source code which is live? Or you want to renew this website from scratch?

    • 3 years ago
    1. GullyTech
      Contest Holder
      • 3 years ago

      Hi, the site is working as intended, it is only the frontend GUI that I am seeking to improve at this point.

      • 3 years ago
  • developershohel
    developershohel
    • 3 years ago

    Can I change your banner background image?

    • 3 years ago
    1. GullyTech
      Contest Holder
      • 3 years ago

      If you feel it ought to be changed

      • 3 years ago
  • sakibhosan
    sakibhosan
    • 3 years ago

    please don,t close before the date.I m working on it

    • 3 years ago
  • rahmunmahabub
    rahmunmahabub
    • 3 years ago

    working on it

    • 3 years ago
  • sakibhosan
    sakibhosan
    • 3 years ago

    Please give the header images

    • 3 years ago
  • gireeshvfx
    gireeshvfx
    • 3 years ago

    Working ont it

    • 3 years ago
  • sakibhosan
    sakibhosan
    • 3 years ago

    please don,t close before the date.I m working on it

    • 3 years ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!