Responsive vertical sidebar

  • Durum: Closed
  • Ödül: $30
  • Alınan Girdiler: 4
  • Kazanan: antonetoppo

Yarışma Özeti

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.

Tavsiye Edilen Beceriler

İşveren Geribildirimi

“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”

Profil Görüntüsü christianr4, United States.

Bu yarışmadan başlıca girdiler

Daha Fazla Katılım Görüntüle

Genel Açıklama Panosu

  • huykon225
    huykon225
    • 2 years ago

    nothing special. stupid

    • 2 years ago
  • huykon225
    huykon225
    • 2 years ago

    #guaranteed and rate #3

    • 2 years ago
    1. huykon225
      huykon225
      • 2 years ago

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

      • 2 years ago
    2. huykon225
      huykon225
      • 2 years ago

      do you understand ?

      • 2 years ago
  • christianr4
    Yarışma Sahibi
    • 2 years ago

    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 years ago
    1. christianr4
      Yarışma Sahibi
      • 2 years ago

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

      • 2 years ago
    2. huykon225
      huykon225
      • 2 years ago

      do you like #3 ??

      • 2 years ago
  • christianr4
    Yarışma Sahibi
    • 2 years ago

    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 years ago
    1. antonetoppo
      antonetoppo
      • 2 years ago

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

      • 2 years ago
  • awnaji
    awnaji
    • 2 years ago

    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 years ago
    1. christianr4
      Yarışma Sahibi
      • 2 years ago

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

      • 2 years ago
  • christianr4
    Yarışma Sahibi
    • 2 years ago

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

    • 2 years ago
    1. huykon225
      huykon225
      • 2 years ago

      Call to undefined function getPageName()

      • 2 years ago
    2. christianr4
      Yarışma Sahibi
      • 2 years ago

      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 years ago
  • christianr4
    Yarışma Sahibi
    • 2 years ago

    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 years ago
  • huykon225
    huykon225
    • 2 years ago

    #guaranteed, please

    • 2 years ago
    1. christianr4
      Yarışma Sahibi
      • 2 years ago

      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 years ago
  • kamalaub
    kamalaub
    • 2 years ago

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

    • 2 years ago
    1. christianr4
      Yarışma Sahibi
      • 2 years ago

      Where is the vertical sidebar at that link?

      • 2 years ago

Daha fazla yorum göster

Yarışmalara nasıl başlanır

  • Projenizi ilan edin

    Yarışmanızı İlan Edin Hızlı ve kolay

  • Tonlarca girdi alın

    Tonlarca Girdi Alın Bütün dünyadan

  • En iyi girdiyi seçin

    En iyi girdiyi seçin Dosyaları indirin - Kolay!

Şimdi bir Yarışma İlan Et ya da Bugün Bize Katılın!