Mobile burger Size & Menu near to it

  • Hi
    Before the CSS code to display Menu near to burger was 

    .btn-menu {
         position: relative;
         left: -20px;
}
.btn-menu:after {
         content: 'MENU';
         color: #c228ce;
         position: absolute;
         font-weight: bold;
         top: 6px;
         left: 100%;
}

    But now its not working + I’m not able to find CSS to make burger bigger.

    Thanks

    The page I need help with: [log in to see the link]

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

  • Hi,

    I am sorry for the delay.

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    .menu-toggle {
  position: relative;
  left: -30px;
  margin-right: 30px;    
}
.menu-toggle:after {
  content: 'MENU';
  color: #c228ce;
  position: absolute;
  font-weight: bold;
  top: 0;
  left: 35px;
  font-size: 18px;
}

.menu-toggle .sydney-svg-icon svg {
  height: 30px;
  width: 30px;  
}
    Thread Starter vikasbobi

    (@vikasbobi)

    Dear
    CSS

    .menu-toggle {
  position: relative;
  left: -30px;
  margin-right: 30px;    
}
.menu-toggle:after {
  content: 'MENU';
  color: #c228ce;
  position: absolute;
  font-weight: bold;
  top: 0;
  left: 35px;
  font-size: 18px;
}
.menu-toggle .sydney-svg-icon svg {
  height: 30px;
  width: 30px;  
}

    its not working((

    Thread Starter vikasbobi

    (@vikasbobi)

    Kharis Sulistiyono,
    The above mentioned CSS is ok.

    The above mentioned CSS is ok.

    Could you confirm whether the code resolves your issue?

    If it does, you may mark this topic as resolved, so that you can raise a new topic for your other issue/question. Thanks!

    Thread Starter vikasbobi

    (@vikasbobi)

    Dear Kharis the solution is not working for veeragri.com but for https://eastontrading.ltd/ it’s working. Can’t know why?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Mobile burger Size & Menu near to it’ is closed to new replies.