Sugar Labs

Sugar Labs Social: Fixing position of side Navigation Menu

Project: Sugar Labs Social

Project Link:SugarLabsSocial

Background Information: | GCI_2018 | GCI_2018/background |

Sugar Labs Social contains a side navigation bar and currently on scrolling down the Page the navigation bar also scrolled down which is not desirable function.

Your task is to fix the position of the left navigation bar using CSS.

It uses bootstrap v4+ framework, so your task is not only to fix the position but also to make sure that on fixing the navigation bar all other divs, containers, and elements of the design works good and Page is scrollable. you have to also check the responsiveness across the devices of different screen sizes and fix that.

Relevant code of the left navigation bar is available in core_base.html file and for CSS style add the code in core_style.css

Contribution Guideline: Make a separate git branch named 'gci_dev', do the required changes and make the pull request.

Task tags

  • html
  • responsive design
  • css
  • bootstrap

Students who completed this task

FreddieN

Task type

  • code Code
  • web Design
  • done_all Quality Assurance
close

2018