Responsive vertical sidebar

  • Tila: Closed
  • Palkinto: $30
  • Vastaanotetut työt: 4
  • Voittaja: antonetoppo

Kilpailun tehtävänanto

I want a new sidebar menu to include in my website. I have attached the code of the current sidebar (css and html5). I want the vertical sidebar menu to be visible in the desktop view, but on smaller sized mobile devices, I want the menu to be responsive and not show the menu items unless clicked (collapsed by default). I am interested to see different concepts of responsive vertical menus you have in mind. Showing me urls of sites with similar code or concept examples is fine. In the attachment the menu items labeled 4a 4b 4c should be grouped together.
EDITORS NOTE: SUBCATEGORIES WITH 4a 4b 4c ARE A NICE TO HAVE. ALL OPTIONS CAN BE INCLUDED IN THE FIRST GROUPING.

Attached is the php and css code of the current menu that is not responsive (other than the size is smaller on smaller devices).
**** SEE [login to view URL] INCLUDES/[login to view URL] AND INCLUDES/[login to view URL] TO SEE AN EXAMPLE OF WHERE THE MENU SHOWS UP ON THE CURRENT SITE ****

EDITORS NOTE: Please name all new css classes and php/javascript variables and functions with names starting with something unique so they do not overlap with my current code. Example is having each variable function or class starting with "vsb" like .vsbmenu {}

Thanks!


CLARIFICATION:

The code that I provided should be sufficient to understand and complete this job. I included the relevant css and php code. The menu is in a php includes file with only php and html. There is no head or body tag in the menu php file. An example of a menu that I want is [login to view URL] however that was developed in bootstrap and I do not want to use bootstrap unless you change the variable and style script names.

THANK YOU. I INCREASED THE AMOUNT TO $30.

Suositellut taidot

Työnantajan palaute

“Delivered a great product! Required some rework to be compatible with my site and developer was understanding, patient, and made the changes to the code”

Profiilikuva christianr4, United States.

Julkinen selvennystaulu

  • huykon225
    huykon225
    • 2 vuotta sitten

    nothing special. stupid

    • 2 vuotta sitten
  • huykon225
    huykon225
    • 2 vuotta sitten

    #guaranteed and rate #3

    • 2 vuotta sitten
    1. huykon225
      huykon225
      • 2 vuotta sitten

      you can access this link on your mobile or tablet: http://look.comuf.com/sidebar-navigation/

      • 2 vuotta sitten
    2. huykon225
      huykon225
      • 2 vuotta sitten

      do you understand ?

      • 2 vuotta sitten
  • christianr4
    Kilpailun järjestäjä
    • 2 vuotta sitten

    TO THOSE OF YOU REQUESTING THE CURRENT MENU CODE. SEE DASHBOARD1.PHP INCLUDES/MENU.PHP and INCLUDES/STYLE.CSS THAT I UPLOADED TO THE JOB DESCRIPTION, THOUGH THE CODE WAS ALREADY PROVIDED

    • 2 vuotta sitten
    1. christianr4
      Kilpailun järjestäjä
      • 2 vuotta sitten

      what is that? I have entries #1 #2 and #3

      • 2 vuotta sitten
    2. huykon225
      huykon225
      • 2 vuotta sitten

      do you like #3 ??

      • 2 vuotta sitten
  • christianr4
    Kilpailun järjestäjä
    • 2 vuotta sitten

    Here is a good example using bootstrap. However, I do not want bootstrap js! The dropdown.js does not work on my site, perhaps due to overlapping code or something. http://www.jonathanbriehl.com/2014/01/17/vertical-menu-for-bootstrap-3/#comment-125 http://code.jonathanbriehl.com/demos/bootstrap-vertical-menu/

    • 2 vuotta sitten
    1. antonetoppo
      antonetoppo
      • 2 vuotta sitten

      Hey, Can bootstrap be used for making the sidebar responsive? Only for responsiveness not for expanding the dropdown menu.

      • 2 vuotta sitten
  • awnaji
    awnaji
    • 2 vuotta sitten

    Could you please provide screenshots of current menu? Makes it a lot easier for fellow freelancers to see if its something they may be interested in or not. Thanks

    • 2 vuotta sitten
    1. christianr4
      Kilpailun järjestäjä
      • 2 vuotta sitten

      I provided the code with all applicable CSS scripts. I just want a the menu to be expandable on a mobile device

      • 2 vuotta sitten
  • christianr4
    Kilpailun järjestäjä
    • 2 vuotta sitten

    I added to the description and increased the amount to $30

    • 2 vuotta sitten
    1. huykon225
      huykon225
      • 2 vuotta sitten

      Call to undefined function getPageName()

      • 2 vuotta sitten
    2. christianr4
      Kilpailun järjestäjä
      • 2 vuotta sitten

      the code is snippets. Not sure what you are talking about. I didn't include a javascript function in there. It's just the CSS with the PHP includes file that has the menu code. I just need js and any @media css that allows the menu to expand down when viewing on a mobile device.

      • 2 vuotta sitten
  • christianr4
    Kilpailun järjestäjä
    • 2 vuotta sitten

    I just took another look at the code. No need to overcomplicate it. The full (vertical) menu should show on the desktop view like it does already, though the design could be enhanced. The key is that I want the menu to expand down on mobile devices. Please provide js and css that makes the menu expandable when looking at the site on a mobile device.

    • 2 vuotta sitten
  • huykon225
    huykon225
    • 2 vuotta sitten

    #guaranteed, please

    • 2 vuotta sitten
    1. christianr4
      Kilpailun järjestäjä
      • 2 vuotta sitten

      I want to see an example of viable vertical menu bar either from another site or code snippet. Then I will guarantee if you want. I have done between 5 and 10 contests through freelancer.com and have awarded 100% of the contests I have posted.

      • 2 vuotta sitten
  • kamalaub
    kamalaub
    • 2 vuotta sitten

    Are you looking like this vertical slider right sidebar http://smchctgbd.com/

    • 2 vuotta sitten
    1. christianr4
      Kilpailun järjestäjä
      • 2 vuotta sitten

      Where is the vertical sidebar at that link?

      • 2 vuotta sitten

Näytä lisää kommentteja

Kuinka päästä alkuun kilpailuiden kanssa

  • Ilmoita kilpailusi

    Ilmoita kilpailusi Nopeaa ja helppoa

  • Saat valtavasti töitä

    Vastaanota tonnikaupalla osallistumisia Ympäri maailmaa

  • Myönnä palkinto parhaalle työlle

    Myönnä palkinto parhaalle työlle Lataa tiedostot - Helppoa!

Ilmoita kilpailu nyt tai liity tänään!