Move Mobile Menu Icon

  • tappdirectory

    (@tappdirectory)


    12 years, 5 months ago

    Hi,

    Nice to meet everyone.

    On the mobile version of my site the menu button is on the right hand side of the screen next to the social media icons.

    How would I move the menu icon to the far left on the mobile version of my site?

    I have been searching the code snippets and this forum for a while and I havent come accross a post with a similar issue.

    Any help or guidance would be much appreciated.

    Here is a link to my site:

    http://tappdirectory.com/

Viewing 4 replies - 1 through 4 (of 4 total)
  • rdellconsulting

    (@rdellconsulting)

    12 years, 5 months ago

    Try this:

    .navbar .btn-navbar {
  float: left;
  margin-left: 10px;
}

    Thread Starter tappdirectory

    (@tappdirectory)

    12 years, 5 months ago

    Thank you rdellconsulting that works like a charm however the dropdown menu appears on the right hand side of the screen when the menu button is pressed.

    What would be the best way to get the menu button and dropdown menu both on the left hand side of the screen?

    Thank you.

    rdellconsulting

    (@rdellconsulting)

    12 years, 5 months ago

    Sorry, didn’t check that. Add the following:

    .nav-collapse, .nav-collapse.collapse {
  left: 0px;
}

    May need to adjust 0px, eg 10px.

    Thread Starter tappdirectory

    (@tappdirectory)

    12 years, 5 months ago

    Thank you, I hope this post will help others.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Move Mobile Menu Icon’ is closed to new replies.