menu on phone en tablet

• 

  spacecakedesign · Member · Mar 21, 2018 at 2:17 pm

  • Copy link
  • Add topic to favorites

  Is its posible to only see the tree stripes of it hamburger menu when i am in the phone en tablet stand. now i have de tekst menu and a button also be there.

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

• 

  thesacredpath · Member · Mar 21, 2018 at 9:22 pm

  • Copy link

  Hi, give this a try and see what you think.

  .menu-toggle, .menu-toggle:hover {
    color: transparent;
    border: none;
  }
  .menu-toggle::before {
    color: #fff;
    padding: 10px;
    border: 1px solid;
    position: relative;
    left: 20px;
  }

• 

  spacecakedesign · Member · Mar 21, 2018 at 10:07 pm

  • Copy link

  thanks it works well

• 

  thesacredpath · Member · Mar 22, 2018 at 12:24 am

  • Copy link

  Awesome, and you are welcome!

• 

  spacecakedesign · Member · Mar 22, 2018 at 11:11 am

  • Copy link

  I have one problem, I do not get it nicely aligned with both telephone and talbet. if he is nice on the phone then it is very strange with a tablet. is a fresh solution for that. I want him on the right top if that is possible.

• 

  thesacredpath · Member · Mar 22, 2018 at 6:51 pm

  • Copy link

  Add this.

  .menu-toggle, .menu-toggle::before {
    float: right;
    position: relative;
    z-index: 1;
  }

  Also, postion: center; is not valid. Position CSS only accepts absolute, relative, initial and inherit values. Remove the position: center from the .menu-toggle::before and .main-navigation a rules as it could possibly cause problems.

• 

  spacecakedesign · Member · Mar 23, 2018 at 9:05 am

  • Copy link

  Nice men thank you

• 

  thesacredpath · Member · Mar 23, 2018 at 6:20 pm

  • Copy link

  You are welcome.