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 yıl önce

    nothing special. stupid

    • 2 yıl önce
  • huykon225
    huykon225
    • 2 yıl önce

    #guaranteed and rate #3

    • 2 yıl önce
    1. huykon225
      huykon225
      • 2 yıl önce

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

      • 2 yıl önce
    2. huykon225
      huykon225
      • 2 yıl önce

      do you understand ?

      • 2 yıl önce
  • christianr4
    Yarışma Sahibi
    • 2 yıl önce

    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 yıl önce
    1. christianr4
      Yarışma Sahibi
      • 2 yıl önce

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

      • 2 yıl önce
    2. huykon225
      huykon225
      • 2 yıl önce

      do you like #3 ??

      • 2 yıl önce
  • christianr4
    Yarışma Sahibi
    • 2 yıl önce

    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 yıl önce
    1. antonetoppo
      antonetoppo
      • 2 yıl önce

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

      • 2 yıl önce
  • awnaji
    awnaji
    • 2 yıl önce

    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 yıl önce
    1. christianr4
      Yarışma Sahibi
      • 2 yıl önce

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

      • 2 yıl önce
  • christianr4
    Yarışma Sahibi
    • 2 yıl önce

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

    • 2 yıl önce
    1. huykon225
      huykon225
      • 2 yıl önce

      Call to undefined function getPageName()

      • 2 yıl önce
    2. christianr4
      Yarışma Sahibi
      • 2 yıl önce

      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 yıl önce
  • christianr4
    Yarışma Sahibi
    • 2 yıl önce

    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 yıl önce
  • huykon225
    huykon225
    • 2 yıl önce

    #guaranteed, please

    • 2 yıl önce
    1. christianr4
      Yarışma Sahibi
      • 2 yıl önce

      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 yıl önce
  • kamalaub
    kamalaub
    • 2 yıl önce

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

    • 2 yıl önce
    1. christianr4
      Yarışma Sahibi
      • 2 yıl önce

      Where is the vertical sidebar at that link?

      • 2 yıl önce

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!