Moving the side menu in Mobile Versions

• 

  etchsourcing · Member · Feb 2, 2017 at 10:36 pm

  • Copy link
  • Add topic to favorites

  Hello,

  The side Menu I have today shows up on the bottom of the page for mobile users, is there a way to move this menu to the top?

  Thanks,
  Jane

  The blog I need help with is: (visible only to logged in users)

• 

  aakashpatelsite · Member · Feb 3, 2017 at 8:16 am

  • Copy link

  Hi,
  For moving the side menu you need to push and pull the columns of media query.
  By using push and pull it will change the order of the grid columns.
  You can see the demo at the following link which have solution of your question-
  Change the order of Grid Columns

  Thanks,
  Aakash Patel

• 

  aakashpatelsite · Member · Feb 3, 2017 at 8:21 am

  • Copy link

  Hi,
  You should visit following tutorial link instead of above linkChange the order of the Grid colums.

  Thanks,
  Aakash Patel

• 

  staff-loquaciousloon · Staff · Feb 3, 2017 at 5:16 pm

  • Copy link

  @aakashpatelsite – I’m afraid neither of those links worked for me, but here’s some CSS that should move the widget to the top of the page, and then push the rest of the content down so it isn’t covered up:

  @media screen and (max-width: 799px) {
      #nav_menu-5 {
  	position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding-top: 10px;
  }
  
  .admin-bar #nav_menu-5 {
      top: 33px;
  }
  
  #page {
      margin-top: 264px;
  }
  }
  
  @media screen and (max-width: 782px) {
  	.admin-bar #nav_menu-5 {
  		top: 46px;
  	}
  }

  Another option would be to use the built in menu at the top of the page through My Site > Menus :)