search and menu button positioning in mobile website

• 

  jith486 · Member · Jan 13, 2015 at 9:59 am

  • Copy link
  • Add topic to favorites

  The search and menu buttons are not positioned properly in the mobile resolution. Please help

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

• 

  jith486 · Member · Jan 14, 2015 at 5:18 am

  • Copy link

  any help?

• 

  jith486 · Member · Jan 14, 2015 at 4:10 pm

  • Copy link

  Please help me with this issue. Here is the screenshot of the issue: http://awesomescreenshot.com/0f446yoxa7

• 

  thesacredpath · Member · Jan 14, 2015 at 10:09 pm

  • Copy link

  Hi there, where would you like the icons for search and menu? If you wish it to be above the image in the light grey area, we can use a Media Query to limit your position change to 600px and wider screens, which is when they change from the icons with circles to square. Replace these two rules in your CSS

  .menu-toggle{
  	position:absolute;
  	left:-90px;
  	top:30px
  }
  
  .search-toggle{
  	position:absolute;
  	left:-150px;
  	top:30px;
  }

  with the following

  @media screen and (min-width: 600px) {
  .menu-toggle{
  	position:absolute;
  	left:-90px;
  	top:30px;
  }
  
  .search-toggle{
  	position:absolute;
  	left:-150px;
  	top:30px;
  }
  }

  See what you think with the above.

• 

  jith486 · Member · Jan 15, 2015 at 5:20 am

  • Copy link

  Thanks a lot. It helped.

• 

  thesacredpath · Member · Jan 19, 2015 at 3:34 pm

  • Copy link

  You are welcome.